通过 npm 安装

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

# 通过 npm 安装npm i vant -S

自动按需引入组件 (推荐)

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

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

// 在.babelrc 中添加配置
// 注意：webpack 1 无需设置 libraryDirectory
{  "plugins": [
    ["import", {      
    "libraryName": "vant",      
    "libraryDirectory": "es",      
    "style": true
    }]
  ]
}
// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
module.exports = {  
plugins: [
    ['import', {      
    libraryName: 'vant',      
    libraryDirectory: 'es',      
    style: true
    }, 
    'vant']
  ]
};

引用组件

在main.js里的写法

在组件里的写法