1.下载lib-flexible淘宝适配插件
npm i lib-flexible -s
2.在main.js文件中导入全局的lib-flexible
import 'lib-flexible'
3.下载postcss-px2rem插件自动将px转rem单位
npm i postcss-px2rem -s
4.在vue.config.js文件中的css属性进行基本配置
css: { // 预先处理css
loaderOptions: { // 加载器 处理样式
css: {},
postcss: { // 样式代码处理
plugins: [ // 插件配置
require("postcss-px2rem")({ // 引入单位转换插件
remUnit:37.5, // 设计稿尺寸 375 根字体大小37.5
exclude:/node_modules/i // 不包含文件
})
]
}
}
}