VUE 移动端适配:VUE-CLI 3 添加 flexible 及 px2rem

在初始化项目时,添加postcss 支持。

1、安装 flexible

npm i -D flexible

2、在main.js中引入 flexible

import 'lib-flexible/flexible'

3、安装px2rem

npm i -D postcss-px2rem

4、在postcss.config.js中添加 px2rem 配置

plugins: {

autoprefixer: {},

'postcss-px2rem': {remUnit: 100}

}

配置完后,打包的代码中px转化为rem,同时通过flexible适配移动端。

你可能感兴趣的:(web前端)