angularjs - 可以在单个文件中编写多个 Angular 组件吗？

Question

我即将编写一个通用的 Angular 模块，它可以在我的应用程序中用作即插即用模块。

我想要的是

我想将模块定义及其所有工厂、指令、常量放在一个 js 文件中，例如：

angular.module('commonModule', [])
.factory(...)
.directive(...)
.constant(...)

为什么，因为

每当开发人员想要使用我的模块时，他/她只需要调用一个 js 文件，只需将我的模块注入他们的模块中。

我的问题是什么

我已经阅读了John papa 的 Angular 1 good practice style guide，他告诉我在文件中定义单个组件是件好事，但在这里我做的正好相反，我该怎么办？

score 2 · Accepted Answer

分离。就是这样，不是这样。

将组件分开保存是编程世界中的最佳实践之一。不管你现在有几行代码，后面的代码都会增加。从一开始就这样做，你培养了一个有文化的编程学科。在规则中提出一堆异常是不好的做法，例如“如果我有几行代码，我可以将我的应用程序的所有组件写在一个文件中”。它使规则和遵循它们的可能性变得更加复杂。

每当开发人员想要使用我的模块时，他/她只需要调用一个 js 文件，只需将我的模块注入他们的模块中。

正确的。对于消费者来说，在他/她的项目中只包含一个文件是非常方便的。但这对代码维护不利。因此，只需使用任何 JS 捆绑器将所有依赖项连接到一个结果文件中，这样消费者就可以将其注入到他们的模块中。

1 回答 1