javascript - 创建客户端Javascript库

Question

我为我的项目创建了一些我也想用于其他项目的代码。此代码是独立的，并在一个文件夹中分开。

这个包通过获取一些数据和 Canvas ID 在 Canvas 上绘制。

为了完成这项工作，我目前必须将所有文件包含在我的文件夹中

<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 文件，而不是单独链接每个文件？

在 NodeJs 中，我会选择类似的东西

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

但是 HTML 的等价物是什么？

我必须支持 IE 9

Answer 1

您可以为此使用 Browserify。官方文档是 https://github.com/browserify/browserify#usage .您可以使用像 Node.js 这样的 require 语句，它也可以像 webpack 一样将文件捆绑在一起。