Angularjs SPA的用户界面文件太多

这是一个概念上的疑问

最近，我开始开发一个SPA单页应用程序，它使用ui路由器的部分呈现功能来提供有关ui路由器的更多信息

但随着应用程序变得越来越复杂，有了更多的功能和信息，我发现对于SPA，我只有一个页面，称为index.html、base.html、layout.html等等。。。在这个页面中，我导入了许多javascript文件

在欧盟第六次会议上，我们确认了一个关于欧盟信息中心功能的逐渐增强的协议，该协议包含了欧盟第四次会议的相关内容，如index.html、layout.html、base.html等。。。如果欧盟对阿基沃斯javascript的进口量不高，那么代表性就不高了

是SPA，只是页面的某些部分将由routes请求呈现。因此，当应用程序启动时，我需要所有组件、控制器、指令等

这会导致级联效应，因为随着应用程序的增长，我需要导入更多的文件，而这些文件的负载会变得更重

例如：

我有以下文件

app.js
routes.js
controllers/
|--------- users/
|--------------- UserControler.js
|--------------- UserProfileController.js
|--------- appointments/
|--------------- AppointmentsControler.js
|--------- tasks/
|--------------- TasksControler.js
|--------------- TasksManagerController.js
directives/
|--------- basic/
|--------------- DropdownPattern.js
|--------- users/
|--------------- RefreshForm.js
services/
|--------- users/
|--------------- UsersServices.js

等等

所以在我的主页上我有

<script type="text/javascript" src"libs/angularjs.js">
<script type="text/javascript" src"libs/ui-router.js">
<script type="text/javascript" src"libs/angular-resource.js">
<script type="text/javascript" src"app.js">
<script type="text/javascript" src"routes.js">

<!-- Controllers import -->
<script type="text/javascript" src"controllers/users/UserControler.js">
<script type="text/javascript" src"controllers/users/UserProfileController.js">
<script type="text/javascript" src"controllers/appointments/AppointmentsControler.js">
<script type="text/javascript" src"controllers/tasks/TasksControler.js">
<script type="text/javascript" src"controllers/tasks/TasksManagerController.js">

<!-- Directives import -->
<script type="text/javascript" src"directives/basic/DropdownPattern.js">
<script type="text/javascript" src"directives/users/RefreshForm.js">

<!-- Services import -->
<script type="text/javascript" src"services/users/UsersServices.js">

这是SAP应用程序的正确模式/体系结构吗？是否存在另一种使用路由的方法，可能与服务器一起加载请求的文件

---

我想象在最后一个应用程序中，当所有东西都加载到浏览器缓存中时，第一次加载将是一次很长很长的加载。

查看Webpack或JSPM！下面是一个使用Gulp、NoWebpack或JSPM的示例：这里是AngularJs+Typescript+webpack的示例。我知道你在使用JavaScript，但这只是网页配置中的一个小改动。嗨@Callumlington谢谢你的建议。我将查看链接。在服务器上部署Gulp时，使用您提到的Gulp。如何工作？因此，在gulp脚本中，您可以检查是否使用-production启动脚本，并且在脚本内部，您可以根据此环境变量进行更改。