Vant 支持一次性导入所有组件,引入所有组件会增加代码包体积,推荐按需导入。
使用方法:
npm i vant -Snpm i babel-plugin-import -D安装babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式。- 在
babel.config.js中配置如下// 对于使用 babel7 的用户,可以在 babel.config.js 中配置 module.exports = { plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'] ] }; import {Button} from "vant"; Vue.use(Button)