vue引入echart.js打包时特别大

link : https://www.cnblogs.com/strinkbug/p/5786222.html

一、i在html中添加script标签如下：

<script src="//cdn.bootcss.com/echarts/3.2.2/echarts.simple.min.js"></script>

二、在webpack中配置echarts 在webpack.base.conf.js文件内添加external选项，在module.exports内部，和entry平级；

externals: {

"echarts": "echarts"

},

externals中的key是给import的时候用的，value表示的是如何在global中访问到该对象，这里是window.echarts

三、在需要使用echart的vue页面引入echart

import echarts from 'echarts'

this.myChart = echarts.init(document.getElementById('line1'))

this.myChart.setOption(option)

来源：oschina

链接：https://my.oschina.net/u/3608045/blog/2208488