ant design vue 按需加载组件代码和样式 出现bug

使用 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)
```

你可能感兴趣的:(ant design vue 按需加载组件代码和样式 出现bug)