Chart.js多重包含預防

Question

我正在編寫許多Jenkins插件，並且我想在大多數插件中使用Chart.js。 但是每個插件都負責頁面的一小部分生成，這意味着我在頁面中多次包含Chart.js：

<script src="${rootURL}/plugin/jenkins-report-rpms/Chart.js"></script>
<script src="${rootURL}/plugin/jenkins-report-jck/Chart.js"></script>
<script src="${rootURL}/plugin/jenkins-report-other/Chart.js"></script>

是否可以將Chart.js包裝在某些代碼中以防止內容的雙重初始化？ 也許基於Chart變量已經被初始化？ 我不關心多個腳本的下載，但是我想避免該庫的雙重初始化帶來的任何可能的副作用。

Answer 1

您可以包裝您的Chartjs代碼（即，通過更改Chart.js文件），以在運行包裝的代碼之前檢查是否存在全局變量Chart（ window.Chart !== undefined ）。

就是說，您可能應該做的是擁有一個模塊化結構，每個Jenkins模塊（插件）都取決於Chart.js模塊。 參見http://requirejs.org/了解一種實現方法。