postcss的功能还挺多的,目前只用到了一个编译css时候的兼容浏览器还有做px转rem的功能。
npm install postcss-pxtorem --save-dev 用于px转换为rem
npm i postcss-loader autoprefixer@9.x -D PostCSS 插件 autoprefixer 自动补齐 CSS3 前缀
安装autoprefixer可能会出现版本问题 降低一下版本就行
module.exports = {
plugins: {
'autoprefixer': {
browsers: ["> 1%",
"last 2 versions",
"not ie <= 8"]
},
'postcss-pxtorem': {
rootValue: 375/20,//结果为:设计稿元素尺寸/16,比如元素宽320px,最终页面会换算成 20rem
propList: ['*']
},
},
}