1

我 1.5 年的项目即将结束。但是，我需要查看代码并进行最终调整。该应用程序由 8 个模块、13 个控制器、16 个指令、5 个工厂、Google+ 和 Facebook 登录、自定义 twitter 引导程序以及最后的 AngularUI 组成。现在一切都有自己的 js 文件，总共 29 个 js 文件。

我需要最小化对服务器的请求。
1.我可以把所有东西都做成一个js文件吗？如果是这样，我应该按什么顺序排列它们？哪个先出现？
2.我将使用异步下载js文件。但是，如果我异步下载多个小 js 文件或单个但大的文件会更好吗？2. 我有大约 26when conditions英寸RouteProvider。我应该担心吗？
3. 对于大型 AngularJS 项目的最终确定，您还有其他提示吗？有什么最佳实践吗？

谢谢！

4

1 回答 1

1

我建议您使用GruntJS作为完成项目的工具。GruntJS 有一大堆社区编写的工具，可以帮助使最终的生产版本尽可能小。

就您的具体问题而言：

  1. GruntJS 中有一个名为usemin的社区编写任务，您可以将其与grunt-contrib-concat和grunt-contrib- uglify 结合使用，将所有 javascript 文件合并到一个文件中。您将它们放入的顺序无关紧要，但使用 usemin，它将按照您测试它们的相同顺序连接它们。

  2. 只要您确保您定义的所有路线在您的应用程序中都有意义，您拥有的路线数量就没有正确的数字。

  3. 我还建议使用grunt-angular-templates将您在路由和指令中使用的所有模板组合到 1 个文件中，该文件与您的 javascript 一起加载。除此之外，请检查其他 grunt 插件，这将有助于使您的项目文件更小，也许grunt-contrib-cssmin可以使您的 css 文件更小。

于 2013-09-20T04:55:13.813 回答