如何在一个模块只包含一个类的情况下向html页面添加ES6模块？

Question

我不太擅长使用ES6模块，在阅读了很多文章后，我仍然不能理解下面的内容。我希望在一个模块中有一个类，就像我们在java中一样。因为一个类有一个文件是非常方便的。但我不能理解如何将这些模块添加到浏览器中，因为，如果我有100个以上的类，那么，据我所知，我将不得不在网页中使用超过100个<script src="..."></script>，这是非常糟糕的解决方案。谁会说，当一个模块只包含一个类时，如何添加到html页面的ES6模块？

Answer 1

最好的方法是使用像https://webpack.js.org/这样的捆绑器，它会输出一个bundle.js，然后通过使用"HtmlWebpackPlugin“或手动添加<script src="bundle.js"></script>将其添加到页面中。实际上，使用webpack来捆绑javascript非常简单，只需要最少的配置。