webpack如何全局引入jquery和echarts?

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

转载于:https://blog.51cto.com/13538428/2053644