安装
在现有项目中使用 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"