创建客户端Javascript库

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

这个包通过获取一些数据和画布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">

diagramViewer本身具有一些功能并管理数据

function DiagramViewer(initialData, canvasId) {

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

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

如何将整个文件夹链接到HTML文件，而不是单独链接每个文件

在NodeJs中，我会选择

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

但是HTML的等价物是什么

---

我必须支持IE 9

您可以使用Browserify来实现这一点。官方文件是。您可以使用require语句，比如Node.js，它还可以像webpack一样将文件捆绑在一起

ES6模块对此会有所帮助，但在较旧的浏览器中不受支持：或者，您可以在单独的文件中构建代码，然后使用webpack之类的工具将其捆绑到浏览器中：哦，是的，我必须支持IE 9。另一种方法是使用初始化脚本动态加载它们。您的意思是这样的吗？似乎最好的解决办法是使用带有巴别塔的webpack

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