先安装插件npm install --save-dev postcss-loader autoprefixer;
配置webpack
use: [ { loader: 'style-loader', }, { loader: 'css-loader', options: { modules: true, localIdentName: '[name]__[local]--[hash:base64:5]' } }, { loader: 'sass-loader' }, { loader: 'postcss-loader'
//会默认配置option内的config
}]
package.json内增加如下配置
"browserslist": [ "defaults", "not ie < 11", "last 2 versions", "> 1%", "iOS 7", "last 3 iOS versions" ]
再写css就会自动加兼容性前缀啦!