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,可直接使用


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM