- 在scss中/*no*/不生效,可以将px写为PX
- px2rem-loader会将项目中所有文件中的px(符合转换条件)转为rem,包括node_modules中引用的第三方库
下载
cnpm i amfe-flexible postcss-px2rem -S
main.js中引入如下:
import 'amfe-flexible'
在vue.config.js(没有则自行创建)文件中进行如下配置:
module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [
// 设计稿宽度的1/10
require('postcss-px2rem')({remUnit: 192}),
]
}
}
},
}