ant design 按需打包组件失败

Question

照着官方文档
安装了 babel-import

配置了 babel.config.js

在webpack中也尝试了

在antd-module.js文件中按需引入了组件,css和依赖组件也能自动导入, Vue.Component 也试过了,手动写上全路径引入 css 和组件也试过了

但是本地运行的时候还是加载了所有的ant-design-vue,如下图，但是我如果不在antd-module.js中引入某个组件页面上是不会显示的

这是打包后的，可以看到 chunk-vendors两个文件分别是antd所有组件的css和js

我该如何解决

Answer 1

ant-design-vue的坑挺多的，引入就自带了500k的icon，即使做了分离组件使用到了icon还是会全部引入了，还得引入 moment，不然会报错,组件的语言包cdn只有全国家的，不像element-ui是分国家的
具体分离icon方法可以参考下面这个链接
https://github.com/ant-design...

Answer 2

babel.config.js 那里 style 应该配置成 true，而不是 css