安裝 postcss-pxtorem
npm install postcss-pxtorem -D
配置
cli2的配置
image.png
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
