vue中引用了vant插件怎么使用rem自适应——postcss/flexible

首先下载vue ：https://github.com/adventurewithme/vue_demo

这个是最初始的空白vue。

安装vant：

# 通过 npm 安装 : npm i vant -S

# 通过 yarn 安装 : yarn add vant

如果需要按需引入，输入命令：

npm i babel-plugin-import -D

安装完毕之后，在.babelrc文件中修改plugins添加["import",{"libraryName":"vant","style":true}]，修改后文件的plugins如下：

"plugins": ["transform-vue-jsx", "transform-runtime",["import",{"libraryName":"vant","style":true}]],

 

Rem 适配

• lib-flexible 用于设置 rem 基准值: npm install lib-flexible --save
• main.js中配置：

import 'lib-flexible';
//或者
imp