[FE]G 2 Plot VueでCDN方式を用いて構築時のjs体積増大を回避

1231 ワード


npm、yarn方式でインストールされたパッケージを使用すると、使いやすいがvendorが大幅に増加する.xx.jsボリューム、Webサイトの実行速度を遅らせます.
G 2 Plotを例にとると、実際にbuild構築時にvendorに追加フォントがダウンロードされます.xx.jsで.
 
この問題を解決するには、CDNの導入を選択するのが一般的ですが、Vueでは次のように書くことができます.
 
indexでhtmlヘッダにg 2 plotを導入する.min.js、G 2 Plotを加えてwindowの上に掛けます.
<script src="https://xxxxx/g2plot.min.js">script>
<script>window._G2Plot = G2Plotscript>

その後vueファイルではwindow._を使用できます.G2Plot.Line('xx')という方法です.
 
Link:https://www.cnblogs.com/farwish/p/12940820.html