javascript - Angular 如何避免使用 ng-view 加载许多 javascript 文件

Question

这里是 Angular 开发新手。我有一个关于加载 Angular 元素的问题。假设我正在尝试创建 SPA。我会在route.js中配置一些路由，然后在我的布局模板中使用ng-view。

然而，在网上环顾四周，似乎很多人都建议在某种有意义的分层文件夹系统中将各种 Angular 元素( Controller 、指令和服务)组织为自己的 .js 文件。

我的问题是:如何避免在布局模板的标题中包含所有这些元素。我的意思是，如何避免在我的应用程序中使用的所有 Controller 、指令和服务的 header 中包含许多 .js 文件？

或者这只是 Angular 的一部分？布局模板文件包含一大堆 .js 文件？

Answer 1

有多种方法可以处理这种情况。更常见的一种是使用 Gulp.js或类似的任务运行器 minify and concatenate将各种脚本文件合并到一个可分发文件中。

您还可以使用RequireJS , Browserify , ComponentJS ，或类似于将组件定义为按需加载的模块。

大多数情况下，这取决于您的应用程序的复杂程度，以及您希望对这些优化进行微观管理的程度。