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

tcsecchen 发布于 2017/11/08 11:46
阅读 2K+
收藏 0

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

打包压缩后,

引入的echarts:

webpack配置文件:

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

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

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

加载中
0
lucifer210
lucifer210

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

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

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

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

0
泡面和尚
泡面和尚

你可以在官网自定义echarts

秦&沪
回复 @tcsecchen :
tcsecchen
tcsecchen
这个自定义以后是一个echarts.min.js,这个该怎么引入到我的模块当中呢
0
tcsecchen
tcsecchen

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

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

返回顶部
顶部