postcss-loader autoprefixer

安裝

yarn add postcss-loader autoprefixer --save

問題描述

Replace Autoprefixer browsers option to Browserslist config. Use
browserslist key in package.json or .browserslistrc file. Using
browsers option can cause errors. Browserslist config can be used
for Babel, Autoprefixer, postcss-normalize and other tools. If you
really need to use option, rename it to overrideBrowserslist. Learn
more at: https://github.com/browserslist/browserslist#readme
https://twitter.com/browserslist

解決

webpack配置文件

            {
                test: /\.css$/,
                use: [
                    'css-loader',
                    'vue-style-loader',
                    'postcss-loader'
                ]
            },

新建postcss.config.js文件然後寫入

module.exports = {
    plugins: [
  require('autoprefixer')({overrideBrowserslist: ['> 0.15% in CN']})
    ]
}