面试中必须要知道的vant-ui的按需引入

vant-ui的按需引入

1）我们需要先下载vant

npm i vant -S

2）引入组件
babel-plugin-import是有趣的 babel 插件，它会在编译过程中将写法自动转换为导入引入的方式。
需要我们进行安装插件

npm i babel-plugin-import -D

自己创建个babelrc，并在里面进行配置

// 注意：webpack 1 无需设置 libraryDirectory
{
  "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

3）可以在自己创建的vant组件中引入

import { Button } from 'vant';

4）最后在全局中引入你的vant.js

// vant-ui的按需引入
import "@/plugins/vant.js"