首先安装vant-ui插件
- 如果你想按需引入一定要安装按需加载的配置
#先安装vant-ui
cnpm install vant-ui --save
# 再安装按需引入的插件
cnpm i babel-plugin-import -D
babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式
在babel.config.js中添加配置
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
创建一个plugin文件夹,在plugin文件夹中定义一个vant.js文件用来存放代码
之后在建好得js文件中首先导入vue,在导入需要的vant-ui插件,通过vue.use() 全局注入