vue中引入echarts导致打包后的文件过大的问题

东明兄 2018-09-13
2条评论 6,364 次浏览
东明兄 2018-09-132条评论 6,364 次浏览

在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

vue中引入echarts导致打包后的文件过大的问题” 有 2 条评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注