Vue Vue-CLI3使用CDN

1、html 中引入 文件

        html中添加script标签如下：

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

        css文件直接用link标签引入

2、在 webpack 中配置使用  CDN

 　　在vue.config.js中配置如下：　　

 module.exports = {

　　　　configureWebpack: {
　　　　　　externals: {

　　　　　　　　'echarts': 'echarts' // 配置使用CDN

　　　　　　}
　　　　}
　　 }

　　externals中的key是用于import，value表示的在全局中访问到该对象，就是window.echarts

3、在vue文件中使用

 　　在vue中使用echarts的时候无需 import echarts，可直接使用

 

configureWebpack 和 chainWebpack的区别：https://cli.vuejs.org/zh/guide/webpack.html#简单的配置方式

详解：https://my.oschina.net/sallency/blog/2353892