babel-plugin-import 插件

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

安装

npm i babel-plugin-import -D

以vant组件为例，按照以下来配置

// 在 .babelrc 或 babel-loader 中添加插件配置
{
  "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true // style: true 会加载 less 文件
    }]
  ]

在模块中引入需要的组件即可按需引用

import { Button, Cell } from 'vant';
Vue.use(Button);