vue-cli3 项目中使用 CDN

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

1、html 中引入 echarts

    html中添加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,可直接使用

你可能感兴趣的:(vue-cli3 项目中使用 CDN)