ant-design-vue通过babel按需导入

当我们导入组件ant-design-vue时，为了进行优化，可按需导入，逐个导入太麻烦，就可以通过修改babel.config.js文件来进行按需导入ant-design-vue的组件
首先将babel.config.js文件添加

plugins: [
    ['import',
      { libraryName: 'ant-design-vue', libraryDirectory: 'es', style: 'css' }
    ] //`style: true`会加载less文件
  ]

然后在main.js文件按需导入ant-design-vue组件，比如导入按钮组件：

import { Button } from 'ant-design-vue'
//不需要引用css文件
Vue.use(Button)

如果出现Error: Cannot find module 'babel-plugin-import’的报错，则可以npm i babel-plugin-import下回来。