React使用echarts图表，webpack打包后包还是很大该怎么办

Question

使用React框架，是多页面应用，引入了echarts图表，最后webpack打包出来的文件还是很大（已经配置为生产环境，进行过压缩）。

打包压缩后，

引入的echarts：

webpack配置文件：

jquery通过外链cdn方式引入的，但是echarts通过相同方式引入就一直报can not find modules 错误

所以，老哥们，怎么能让包再小一点啊，最好能不把echarts打进我自己的包里，能用cdn外链方式引入就好了。

感激不尽！！如果有没描述清楚的，我会及时补充

Answer 1

自定义的echarts该如何引入呢~~~

在echarts for react 这个中会用到echarts，然后通过外部引入的echarts.js就找不到了

Answer 2

这个自定义以后是一个echarts.min.js，这个该怎么引入到我的模块当中呢

Answer 3

回复
@tcsecchen :

Answer 4

你可以在官网自定义echarts

Answer 5

两种办法解决：
1. 配置别名

webpack alias , 具体配置参考文档：https://webpack.js.org/configuration/resolve/

2. 直接懒加载， 将echarts 和 echarts-for-react打包出来单独的文件，然后按需引入，这样就解决了包太大的问题

希望我的回答对你有帮助。 我的个人主页是https://azl397985856.github.io/ ， 掘金主页 https://juejin.im/user/58af98305c497d0067780b3b