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

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

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

这就是为什么我要找一个js汇编程序来生成单个.js文件

我不确定我是否应该在angular应用程序中执行此操作？有人能告诉我应该选择哪个js汇编程序吗？

看看grunt：

---

这是一个可以自动化这类过程的工具，尤其是（比如在合并文件之前缩小文件）对于javascript应用程序开发非常有用。

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

正如您提到的，您有两个项目，一个是Nodejs，另一个是Java，因此我将从这两个方面来解决这个问题：

Nodejs侧

正如Antoine所说，您可以使用gruntjs（）等构建工具编写一个简单的任务来连接所有js文件。或者，您可以使用以下工具从backbend提供连接的文件（如果您碰巧使用了connect web framework），更多详细信息请参阅此问题：

Java端

非常方便，它提供了在Java项目中处理资产所需的几乎所有东西。您可以在他们的github页面中查看使用情况的详细信息。除此之外，也是一个不错的选择

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

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

---

希望有帮助，谢谢。

使用

ngmin

+

闭包编译器

摘自：

…构建过程

诚然，这是Angular需要做得更好的一件事，我2013年的一个巨大目标就是在这方面提供帮助。我已经发布了ngmin，我希望它最终能解决最小化AngularJS应用程序的问题

现在，我认为最好的办法是先将JavaScript文件与app.js连接起来，然后使用ngmin注释DI函数，最后使用带有标志的闭包编译器——编译级简单优化。您可以在angular.js的构建过程中看到一个这样的例子

我不建议将RequireJS与AngularJS一起使用。虽然这当然是可能的，但我还没有看到任何实例表明RequireJS在实践中是有益的

其他链接：

---

您使用的是什么后端技术堆栈？您选择的与Angular无关。选择一个适合您的部署策略的解决方案。基于java后端（spring）的First-REST和基于nodejssee Grunt的second-REST看起来很可爱，但它只适用于nodejs，对吗？您需要安装它，因为它使用npm（一种数据包管理器，更容易安装模块）来管理其javascript模块。但是，您肯定可以将它用于任何javascript项目，无论是客户端还是服务器端。