創建客戶端Javascript庫

Question

我為項目創建了一些代碼，也希望將其用於其他項目。 此代碼是獨立的，並且位於一個文件夾中。

該包通過獲取一些數據和畫布ID在畫布上繪制。

為了完成這項工作，我目前必須將文件夾中的所有文件包括在內

<script src="../shared/diagramViewer/client/diagramViewer.js"></script>
<script src="../shared/diagramViewer/client/drawer.js"></script>
<script src="../shared/diagramViewer/client/helper.js"></script>
<link rel="stylesheet" type="text/css" href="../shared/diagramViewer/style/tooltip.css">

在我的JS代碼中，我可以通過編寫以下代碼來使用該代碼

const diagramViewer = new DiagramViewer(data, "myCanvas");

diagramViewer本身具有一些功能並管理數據

function DiagramViewer(initialData, canvasId) {

    this.foo = function () {
        // 
    };

    this.bar = function () {
        // 
    };
}

如何將整個文件夾鏈接到HTML文件，而不是單獨鏈接每個文件？

在NodeJ中，我會選擇類似

const diagramViewer = require('diagramViewer');
diagramViewer.init(data, "myCanvas");

但是HTML相當於什么？

我必須支持IE 9

Answer 1

您可以為此使用Browserify。 官方文檔是https://github.com/browserify/browserify#usage 。 您可以使用諸如Node.js之類的require語句，也可以像webpack一樣將文件捆綁在一起。