Webpack 3 Sass cssnano Autoprefixer Workflow

Autoprefixer

Install this PostCSS plugin that adds vendor prefixes to CSS rules by referencing Can I Use data.

npm install --save-dev autoprefixer

Create a PostCSS configuration module in the project root for requiring the autoprefixer plugin.

postcss.config.js

module.exports = {
plugins: [
require('autoprefixer')
]
}

Autoprefixer uses the browserlist library to target browsers. Configure autoprefixer browser support by adding a list of supported browsers to the package.json file. In this example, we target browsers greater than 1% according to global usage statistics and Internet Explorer versions greater than 9.