vue2 按需引入 antd

babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  "plugins": [
    ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` for less
  ]
}

安装  babel-plugin-import 

npm i  babel-plugin-import -D

antd 的index.js

import Vue from 'vue';
import {
  Button,List,Input,Checkbox,Card,Select,Form,Icon,Layout,Menu
} from 'ant-design-vue';

Vue.use(Button)
Vue.use(List)
Vue.use(Input)
Vue.use(Checkbox)
Vue.use(Card)
Vue.use(Select)
Vue.use(Form)
Vue.use(Icon)
Vue.use(Layout)
Vue.use(Menu)

在main.js 中直接 import './antd';

目录结构