Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
758 views
in Technique[技术] by (71.8m points)

ant design 按需打包组件失败

照着官方文档
安装了 babel-import
QQ图片20200530170916.png

配置了 babel.config.js
QQ图片20200530171117.png

webpack中也尝试了
QQ图片20200530172200.png

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

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

这是打包后的,可以看到 chunk-vendors两个文件分别是antd所有组件的cssjs
QQ图片20200530172016.png

我该如何解决


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...