angularjs - 初始化框架时首页import语句过多

Question

在我的 angular 项目中，我计划为每个页面创建一个单独的 .js 文件，并为每个服务创建一个单独的 .js 文件。

然而，当我开始编码时，我意识到我的 index.html 中有很多 import 语句。这将导致用户必须加载所有 .js 文件，即使他们可能不需要它。

我的 index.html 的 .js 示例

<!-- JS -->
<script src="js/vendor/angular.js"></script>
<script src="js/app/app.js" ></script>

<!-- controllers --> 
<script src="js/app/controllers/roomController.js"></script> 
<script src="js/app/controllers/dashBoardController.js"></script>

<!-- services --> 
<script src="js/app/services/dashBoardService.js"></script>
<script src="js/app/services/roomService.js"></script>
<script src="js/app/services/chatService.js"></script>
<script src="js/app/services/videoService.js"></script>

有什么解决办法吗？

Answer 1

将每个 Controller 、每个服务、每个指令……放在一个单独的文件中确实是一个最佳实践，因此您以正确的方式进行操作。

但是，正如您所注意到的，最好让用户(以及服务器!)下载最少数量的文件。您的 index.html适合开发，但在生产中，您必须将所有文件压缩为一个，通常使用像 UglifyJS 这样的工具。或 YUI Compressor .