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