vant-ui按需引入

最新推荐文章于 2022-03-28 03:16:24 发布

weixin_46057188

最新推荐文章于 2022-03-28 03:16:24 发布

阅读量193

点赞数 1

本文链接：https://blog.csdn.net/weixin_46057188/article/details/111879147

版权

1.安装vant-ui插件

#先安装vant-ui
cnpm install vant-ui --save	

# 再安装按需引入的插件
cnpm i babel-plugin-import -D

2.在babel.config.js中添加配置

plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]

在这里插入图片描述
3.创建一个plugin文件夹，在plugin中定义一个js文件用来存放代码

4.之后在建好得js文件中首先导入vue，在导入需要的vant-ui插件，通过vue.use() 全局注入

5.在min.js里面引入

import 'vant/lib/index.css';
// 全局引入按需引入UI库 vant
import '@/plugins/vant'

关注