创建包含多个文件的浏览器库的最佳方法

Question

我正在使用浏览器库（基于vanilla JS），我需要加载多个JS文件。

ARBO

/
  index.html
  lib/
    thelib.js
    thelib.css
    includes/
      thelib-part1.js
      thelib-part2.js
      thelib-part3.js
      ...

进行一些研究我发现了一些解决方案：

多个包括

我可以通过以下方式轻松解决问题：

<link rel="stylesheet" type="text/css" href="lib/thelib.css">

<script type="text/javascript" src="./lib/includes/thelib-part1.js"></script>
<script type="text/javascript" src="./lib/includes/thelib-part2.js"></script>
<script type="text/javascript" src="./lib/includes/thelib-part3.js"></script>
<!-- ... -->
<script type="text/javascript" src="./lib/thelib.js"></script>

但它对用户来说很烦人。

NodeJs工具

我了解一些工具，例如 Browserify 或 RequireJs ，但我可以在没有服务器端渲染工具的情况下使用它吗？

异步加载

我也可以从lib / the.js手动加载其他文件，但是我害怕可以附加在不同服务器配置上的问题（例如，相对/绝对路径？，读取文件授权？） 我担心加载时间（一个接一个地加载每个文件会更长吗？）

我可能会错过一个解决方案，或者不了解列出的解决方案？

Answer 1

要回答这个问题，我现在正在使用WebPack，他们可以将JS +其他文件合并到一个js包中，并允许您只开发一个浏览器文件（不需要运行的Web服务器）