我正在开发一个大型 Web 应用程序,该应用程序主要由客户端的 JavaScript 驱动。我仍处于原型设计阶段,并且我正处于源文件变得非常长的地步,我想将其拆分为多个文件。
例如,在 PHP 中,我只会调用include('source.php')
or require_once('source.php')
。
有没有类似的方法在 JavaScript 中连接多个源文件?有许多大量使用 JavaScript 的大型 Web 应用程序,常见的解决方案是什么?
我正在开发一个大型 Web 应用程序,该应用程序主要由客户端的 JavaScript 驱动。我仍处于原型设计阶段,并且我正处于源文件变得非常长的地步,我想将其拆分为多个文件。
例如,在 PHP 中,我只会调用include('source.php')
or require_once('source.php')
。
有没有类似的方法在 JavaScript 中连接多个源文件?有许多大量使用 JavaScript 的大型 Web 应用程序,常见的解决方案是什么?
RequireJS是解决此要求的流行解决方案。
你可以有一个“includer.js”,它只会包含其他 JS 文件,如下所示:
包含器.js
var files = ['someScript', 'anotherScript', 'moreScript']
for (var i = 0; i < files.length; i ++) {
var scriptEl = document.createElement('script')
scriptEl.src = files[i] + '.js'
document.head.appendChild(scriptEl)
}
HTML
<script src="includer.js"></script>
我用 Java 编写了一个工具,专门用于通过检测您的依赖项和捆绑您的 javascript 来管理 Web 应用程序的大型 javascript 代码库,允许您只需添加和更改文件而无需担心要包含哪些文件以及以什么顺序包含(只要您符合命名方案和文件夹结构)
http://damonsmith.github.io/js-class-loader/
它也适用于非 Java 应用程序项目。