如何让 PostCSS Autoprefixer 与 Rails 6 一起工作

Question

我想知道是否有人有幸让 PostCSS Autoprefixer 与 Rails 6 一起工作？

上一篇我确定 autoprefixer 不起作用的帖子。

有没有办法测试 PostCSS Autoprefixer 是否正常工作？专用于 Rails 6

这是我的postcss.config.js...

module.exports = {
  plugins: [
    require('postcss-import'),
    require('postcss-flexbugs-fixes'),
    require('postcss-preset-env')({
      autoprefixer: {
        flexbox: 'no-2009'
      },
      stage: 3
    })
  ]
}

这是我的packs/application.js...

require("@rails/ujs").start()
require("@rails/activestorage").start()
require("bootstrap/dist/js/bootstrap")
require("pretty-checkbox/dist/pretty-checkbox.min.css")

Answer 1

您可以运行rake autoprefixer:info来测试已安装的自动前缀程序。

另外，按照https://github.com/ai/autoprefixer-rails上提到的方式安装它

某些属性值不再需要前缀。就我而言，检查一些 css 转换仍然添加这些前缀。