5. 根据浏览器自动添加css前缀
npm install postcss-loader autoprefixer --save-dev
以css示例,less与sass中配置类似
module.exports={
//...code
module:{
rules:[
{
//匹配规则
test:/\.css$/,
//loader加载顺序 不能颠倒
use: ['style-loader', 'css-loader',{
loader:'postcss-loader',
options:{
plugins:[
require('autoprefixs')
]
}
}]
}
]
}
}
增加如下内容
"browserslist": [
"ie>=8",
"Firefox>=20",
"Safari>=5",
"Android>=4",
"Ios>=6",
"last 4 version"
]
通过直接引入配置了postcss-loader的文件
import "xxxx/xx.css"
Last modified 3yr ago