如何在一个js文件中组装angularjs项目

Question

我有一个巨大的 angularjs 应用程序，其中包含许多.js文件。

据我所知，浏览器应该打开一个新的连接来访问每个文件。文件大小与性能无关，但打开新连接有关系。

所以这就是为什么我正在寻找一些 js-assembler 来制作单个.js文件。

我不确定在 angular 应用程序的情况下我应该这样做吗？谁能建议我应该选择哪个js汇编程序？

Answer 1

我认为您真正需要的是一个工具来连接和缩小或压缩 JavaScript 和 CSS 资产。就像Rails 世界中的资产管道一样。

正如你提到的，你有两个项目，一个后端是Nodejs，另一个是Java，所以我将这个问题分为两个方面：

1. Nodejs端

   就像 Antoine 说的，你可以使用一些构建工具，比如 gruntjs( http://www.gruntjs.com/ ) 来编写一个简单的任务来连接你所有的 js 文件。或者，您可以使用connect-assets 之类的工具从 backbend 提供连接文件（如果您碰巧使用了 connect web 框架），更多详细信息请参阅这个问题：Concat and minify JS files in Node。

2. Java端

   wro4j非常方便，它提供了处理 Java 项目中资产所需的几乎所有内容。您可以在他们的 github 页面中查看详细用法。除此之外，Google Closure Compiler也是一个不错的选择。

您可以使用任何您喜欢的工具来连接/缩小/丑化多个 javascript 文件，但某些工具可能会提供简单的集成或其他功能（例如服务器端的动态服务器）。因此，请检查每个工具并决定您要使用哪一个。

所以总而言之，Angularjs 的资产管理与任何其他 Javascript 框架/文件没有区别，除了模板异步加载。 （如果您在单独的文件中编写模板，请确保前端可以直接访问该模板文件，并跳过连接模板文件的处理）。

希望有帮助，谢谢。