VUE導入Echartsパッケージングファイルが大きすぎる-解決方法2:CDN導入

仲間たち、気をつけて!黒板を叩いたよ!
vueにechartsをオンデマンドで導入するため、パッケージ化時にグローバル導入より半分小さいが、メモリが多く含まれている.だからたゆまぬ研究を経て、vueプロジェクトをパッケージ化する際にもっと小さい方法を発見しました.CDN導入です.
CDNという方法は本当に使いやすくて、梱包してからほとんどスペースを占めていないことに気づきました.私が理解しているCDNという方法は、リモートでネットに接続するリソースに相当しますが、このように理解しても正しいかどうか分かりません. :vueプロジェクトのindex.htmlファイルにscriptタグを使用してechartsに導入されたCNDファイル :

<script src="https://cdn.bootcss.com/echarts/3.7.0/echarts.min.js"></script>

config.jsにはexternals が配置されています.

export default {
     
    externals: {
     
        "echarts": "echarts"
    },
}

最後にechartsグラフを使用するページに必要なグラフパラメータを直接書くだけでimportを使用して導入する必要はありません
この方法は非常に実用的で、ファイルをパッケージ化するときにスペースを占有しないことがわかります.