在vue找那个引入echarts图表,打包后的js达到了2M,加载速度很慢,,将echarts改成cdn的方式就可以了,
1.在index.html 添加 <script src=”//cdn.bootcss.com/echarts/4.1.0.rc2/echarts.common.min.js”></script>
2.在webpack中配置echarts
在webpack.base.conf.js文件内添加external选项,在module.exports内部,和entry平级;
externals: {
“echarts”: “echarts”
},
externals中的key是给import的时候用的,value表示的是如何在global中访问到该对象,这里是window.echarts
3.在vue文件中使用
在vue中使用echarts的时候不再需要import echarts了,可以直接使用就好,初始化图表由this.$echarts.init改为echarts.init
1.如需转载本站原创文章,请务必注明文章出处并附上链接,非常感谢。
2.本站用于记录个人 工作、学习、生活,非商业网站,更多信息请 点击这里
😡 😡 😡 😡
呦呦呦