• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

vue-cli 4 通过 CDN 方式使用 echarts

开发技术 开发技术 5小时前 2次浏览

1.在public文件夹下的index.html页面中引入

  <script crossorigin="anonymous"
    integrity="sha512-avZBaO59S3QHZ7OtZ6pWKQHrBLZ1rax/eUQq03uLqQ85tu8ZjEM0Y37RsiF1Me3EWjYUlaHHtnAYBJM/9PUK7w=="
    src="https://lib.baomitu.com/echarts/5.1.2/echarts.common.js"></script>

2.在根目录下vue.config.js中添加以下配置即可

module.exports = {
  chainWebpack: (config) => {
    config.externals({
      'echarts': 'echarts'
    });
  }
};

3.在需要使用的页面中如下方式引入
注意: echarts高版本中需要使用 import * as echarts from ‘echarts’ 方式方可引入,否则会报错init为udefined

import * as echarts from 'echarts'

程序员灯塔
转载请注明原文链接:vue-cli 4 通过 CDN 方式使用 echarts
喜欢 (0)