在初始化項目時,添加postcss 支持。
1、安裝 flexible
npm i -D flexible
2、在main.js中引入 flexible
import 'lib-flexible/flexible'
3、安裝px2rem
npm i -D postcss-px2rem
4、在postcss.config.js中添加 px2rem 配置
plugins: {
autoprefixer: {},
'postcss-px2rem': {remUnit: 100}
}
配置完後,打包的代碼中px轉化爲rem,同時通過flexible適配移動端。