有没有办法测试 PostCSS Autoprefixer 是否正常工作？专门针对 Rails 6

我正在使用 Webpacker 编写 Rails 6 Web 应用程序。据我了解，Rails 6 中的自动前缀通过 PostCSS 及其 autoprefixer 插件开箱即用。

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

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

我跑了yarn autoprefixer --info查看它适用的 CSS 规则和浏览器以及适用于我的浏览器的 defchrome 77。我尝试使用它列出的适用参数。然而，它仍然不显示开发或生产中的任何前缀 css。

我不知道怎么办postcss-preset-env有效，所以我不确定 css 是否仅在使用需要前缀的浏览器时才添加前缀。

我来自使用 autoprefixer-rails gem，它挂在链轮上并为所有内容添加前缀。

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

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

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

$ RAILS_ENV=production bundle exec rails webpacker:compile