vue-cli3 项目中通过 CDN方式 使用 echarts

1、html 中引入 echarts

        html中添加script标签如下：

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

2、在 webpack 中配置使用 echarts CDN

 

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

　　 module.exports = {

　　　　configureWebpack: {

　　　　　　externals: {

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

　　　　　　}

　　　　}

　　 }

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

3、在vue文件中使用

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