1.vue 使用 lib-flexible
1)项目中安装 lib-flexible
npm install lib-flexible --save
2)在项目的入口 main.js 中引入 lib-flexible
import 'lib-flexible/flexible.js'
2.安装px2rem-loader
npm install px2rem-loader --save-dev
打开vue.config.js,加入下面这行代码
css: {
loaderOptions: {
postcss: {
plugins: [
require('postcss-pxtorem')({
rootValue : 37.5, // 换算的基数
propList : ['*'],
}),
]
},
less: {
javascriptEnabled: true,
}
}
}
如果不希望被转成rem,只要在后面写上注释 /* no*/