vant-ui 按需引入

安装

在现有项目中使用 Vant 时，可以通过 npm 或 yarn 进行安装：

• Vue 2 项目，安装 Vant 2：

npm（cnpm） i vant -S
yarn add vant -S

• Vue 3 项目，安装 Vant 3：

npm i vant@next -S

方式一. 自动按需引入组件 (推荐)

babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。

安装插件
npm i babel-plugin-import -D

// 在.babelrc 中添加配置
// 注意：webpack 1 无需设置 libraryDirectory
{
   
  "plugins": [
    ["import", {
   
      "libraryName": "vant"