将每个指令放在单独的Angular文件中是否合适？

Question

我有大约10个指令，它们非常复杂。今天我只使用一个文件directives.js。

如果我将每个指令放在单独的文件中以便更好地维护，是否会有一些性能损失？

谢谢，

Answer 1

JavaScript本身并不关心代码的来源。但JavaScript代码必须由浏览器加载。制作10个HTTP请求以加载10个文件显然比使用1个HTTP请求加载等效代码要慢。

但是，将所有内容放在一个文件中并不是一个好理由。您应该为每个组件创建一个文件，以使代码可维护且易于查找。但是，应用程序的构建过程应该将JavaSript文件连接并缩小为单个文件以进行生成，以便实际应用程序使用单个文件。

Grunt和Gulp是两个很好的构建工具，还有更多。

Answer 2

是的，如果必须单独加载每个文件，则会对客户端造成性能损失。但是，有一些服务器端技术可以缓解这种情况，例如ASP.NET's script bundling，Grunt's building等等，它将多个JavaScript文件捆绑到一个文件中。

Answer 3

是的，您应该将指令放在单独的文件中。如果按原样使用会导致性能下降，但是通过使用像Grunt这样的构建工具，您可以将整个应用程序连接并缩小为单个JS文件。