安装 postcss-pxtorem
npm install postcss-pxtorem -D
配置
cli2的配置
cli3的配置
const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');
module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [
autoprefixer(),
pxtorem({
rootValue: 37.5,
propList: ['*']
})
]
}
}
}
}
pxtorem 是将代码中的px转换为rem,比如代码里写了font-size:12px,设置了rootValue为37.5,则打包后为
font-size:12/37.5 rem
配置rem
可以使用淘宝的# lib-flexible
也可以自己写一个rem.js