webpack如何添加厂商前缀

1.首先安装所需要的postcss

npm install --save-dev postcss-loader postcss autoprefixer  

 2.在webpack.config.js文件中添加

  module: {
        // 匹配规则
        rules: [{
            test: /.(c|sc)ss$/,
            use: ['style-loader', 'css-loader', "postcss-loader", 'sass-loader'] // 从右向左解析原则
        }]
    },

3.在根目录中新建 postcss.config.js 文件，loader会自动匹配，内容如下

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

 4.page.json文件添加目标浏览器

 "browserslist": [
    "cover 99.5%"
  ]

 最终效果如下：

ps：postcss配置也可以写在webpack.config.js中，但会因版本问题不支持而报错，所以最好新建一个postcss.config.js文件