一、安装依赖:自动添加厂商前缀需要npm install
安装postcss-loader
和autoprefixer
二、
{
test: /\.(sass|scss)$/,
use: ['style-loader','css-loader','postcss-loader','sass-loader']
}
注意loader的顺序不能错!
三、添加postcss.config.js文件,详情见https://webpack.js.org/loaders/postcss-loader/#root
module.exports = {
plugins: [require('autoprefixer')]
}
老方法是将此文件加上浏览器前缀需求配置 ,但是在webpack4.0以上版本打包时会提醒不要这样做,而是采用第四步的两种方法。
module.exports = {
plugins: [
require('autoprefixer')({
"browsers": [
"defaults&#