我不熟悉JavaScript及其绑定用于浏览器的模块的技术，即Browserify，Webpack等，因此请耐心等待：
说我有三个JavaScript文件，每个文件都定义一个类：
file1.js：
class MyClass1 {
constructor() {
...
}
...
}
file2.js：
class MyClass2 {
constructor() {
...
}
...
}
现在在第三个文件main.js中，我想使用其他两个文件中定义的类，如下所示：
class MainClass {
constructor() {
this.myClass1 = new MyClass1;
this.myClass2 = new MyClass2;
}
...
}
最后，我想用一个简单的脚本标记将main.js脚本导入到我的HTML文件中：
<!DOCTYPE html>
...
<head>
<script src="../main.js"></script>
</head>
...
<script>
let mainClass = new MainClass();
// call some methods on the mainClass object
</script>
现在，实现我的代码模块化的最佳方法是什么？
我能够使其与require语法一起使用Browserify，然后将window.MainClass = MainClass放在main.js的末尾。
但是，这可能不是最干净的解决方案。我正在寻找有关在这种情况下如何捆绑文件的建议。 ：）
我假设您有一个用于部署的文件夹，例如/dist，/public该html文件所在的位置。