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一样将文件捆绑在一起。

创建客户端Javascript库

1 个答案: