1、安装两个依赖
是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位
npm i postcss-pxtorem@5.1.1
用于设置 rem 基准值
npm i -S amfe-flexible
3、创建一个postcss.config.js文件夹
// PostCSS 示例配置,可以在此配置的基础上根据项目需求进行修改。
// npm i postcss-pxtorem@5.1.1
module.exports = {
plugins: {
'postcss-pxtorem': {
rootValue: 37.5,
propList: ['*'],
},
},
};
4、在入口文件main.js中引用
import 'amfe-flexible'
关闭项目重新运行。