Vant 按需导入

453 阅读1分钟

Vant 支持一次性导入所有组件,引入所有组件会增加代码包体积,推荐按需导入。

使用方法:

  1. npm i vant -S
  2. npm i babel-plugin-import -D 安装babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式。
  3. babel.config.js中配置如下
    // 对于使用 babel7 的用户,可以在 babel.config.js 中配置
    module.exports = {
      plugins: [
        ['import', {
          libraryName: 'vant',
          libraryDirectory: 'es',
          style: true
        }, 'vant']
      ]
    };
    
  4. import {Button} from "vant"; Vue.use(Button)