使用 babel-plugin-import
出现的意外情况及解决方法
在 babel.config.js
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
],
plugins: [
[
"import",
{ libraryName: "ant-design-vue", libraryDirectory: "es", style: true }
// 此时你在这里可能会出错，控制台可能会提示 Uncaught ReferenceError: Antd is not defined，或类似的错误提示，
// 那就有可能是 libraryName 错误。名字要与 main.js 引入命名的一样
// 解决：将 ant-design-vue 替换为 Antd
]
]
}
main.js
import Vue from 'vue'
import Antd from 'ant-design-vue'
Vue.use(Antd)
```