在vue-cli3中使用 amfe-flexible 和 px2rem-loader
安装 amfe-flexible
cnpm install amfe-flexible -S
安装 px2rem-loader
cnpm install px2rem-loader -D
在mian.js中引入
import 'amfe-flexible'
在vue.config.js中配置
module.exports = { chainWebpack: config => { config.module .rule('scss') .test(/\.scss$/) .oneOf('vue') .use('px2rem-loader') .loader('px2rem-loader') .before('postcss-loader') // this makes it work. .options({ remUnit: 75, remPrecision: 8 }) .end() } }
重新启动脚手架
px2rem-loader