解決webpack4.x使用autoprefixer 無效

安裝

npm i webpck webpack-cli style-loader postcss-loader -D

配置

webpack.config.js

module: {
    rules: [{
        test: /\.css/i,
        use: ['style-loader', 'postcss-loader']
    }]
}

postcss.config.js

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

到這一步運行發現沒有效果😷，https://github.com/browserslist/browserslist#readme， 配置一手

package.json

"browserslist": [
    "defaults",
    "not ie < 11",
    "last 2 versions",
    "> 1%",
    "iOS 7",
    "last 3 iOS versions"
  ]

success！👏