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

Question

我正在使用 Webpacker 编写 Rails 6 webapp。我的理解是 Rails 6 中的自动前缀通过 PostCSS 和它的 autoprefixer 插件开箱即用。

但是我无法验证这个库是否实际上是我的 css 的前缀。

有没有办法确认标准默认 Rails 6.0.0 应用程序是否开箱即用自动前缀？

我跑了yarn autoprefixer --info查看它适用的 css 规则和浏览器及其适用于我的浏览器的 def chrome 77 .我尝试使用它列出的适用参数。然而，它仍然没有在开发或生产中显示任何带前缀的 css。

我不确定如何 postcss-preset-env有效，所以我不确定 css 是否只在使用需要前缀的浏览器时才有前缀。

我来自使用 autoprefixer-rails gem，它卡在链轮上，只是给所有东西加上前缀。

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

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

Answer 1

您可以通过运行来测试您编译的 CSS(包括 PostCSS 的输出)在生产中的样子

$ RAILS_ENV=production bundle exec rails webpacker:compile