javascript - Angular - 我引用了 index.html 中的所有 JS 文件 - 这样可以吗？

Question

我已经开始构建我的第一个 AngularJS 应用。

我一直在关注一个教程，其中演示了在一个 Controller 上添加所有内容。

但是现在我想在此基础上进行构建，所以想将我的 Controller 和服务分开。

我轻松地将服务和 Controller 分离到单独的 JS 文件中，并且还意识到在我的 index.html 中我需要引用这些 JS 文件。

这是“最佳实践”方式吗？我对在 index.html 中列出这么多 js 文件感到不安，感觉不整洁？

如有任何建议，我们将不胜感激。

谢谢。

Answer 1

您的担心是有道理的。一方面，将所有内容都放在单独的文件中更易于维护。另一方面，加载 100 多个文件会减慢页面速度(例如，Chrome 一次只加载...五个(？)文件，如果您有更多文件，页面将在加载其余文件时变慢)。

我会研究类似 Gulp.js 的软件或 Grunt ，您可以使用它来将所有文件连接成一个大的构建文件，然后可以通过相同的软件将其缩小。