externals: { jquery: 'window.$' }, var $ = require('jquery'); 现象,在一个webpack+vue的开发环境中,npm install echarts --save了echarts,然后在vue文件中直接使用 import echarts from 'echarts' 然后编译的时候加上了Uglify选项,发现vendor文件的大小已经达到了800多k,导致首次加载速度比较慢,然后我们这个是webapp,就更慢了。 所以考虑把echarts提取出来,改用cdn版本的echarts,具体操作步骤如下: <script src="//cdn.bootcss.com/echarts/3.2.2/echarts.simple.min.js"></script> externals: { "echarts": "echarts" }, this._vue_charts = echarts.init(document.getElementById('myChart'));
注意还需要在index.html里面引入cdn