How to get PostCSS Autoprefixer working with Rails 6

Question

I am wondering if anyone has any luck getting PostCSS Autoprefixer to work with Rails 6?

Previous post where i determined that autoprefixer was not working.

Is there a way to test if PostCSS Autoprefixer is working? Specifically for Rails 6

Here is my postcss.config.js...

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

Here is my 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

You could run rake autoprefixer:info to test your autoprefixer already installed.

Also, install it as mentioned on https://github.com/ai/autoprefixer-rails

Some property value doesn't need prefix anymore. In my case, checking some css transition are still added those prefix.