在AngularJS应用程序之间共享代码的最佳实践

Question

我正在开发几个AngularJS应用程序，并且正在寻找最佳实践，以便我可以在这些项目之间共享代码，尤其是指令。 我面临的最大问题是：

我的大多数指令都至少包含一个js文件和一个html模板。 js文件通常包含对模板的引用。 当我包含来自两个不同项目的相同js文件时，处理不同路径的最佳方法是什么？

也许有更好的方法来处理这种情况，我什至无法想到。 因此，我想知道是否有人遇到过这种情况以及如何处理。 谢谢！

Answer 1

我发现使用https://www.npmjs.com/package/grunt-angular-templates之类的构建工具来使用已编译的HTML模板很有帮助。 如果Gulp / Grunt不能满足您的需求，则有很多替代方案。

然后，您需要将模板保留在命名空间目录中，以使您的使用者应用程序不会冲突。

然后，当您只需要使用一个已编译的JS文件时。 模板被编译到其中。 如果需要覆盖应用程序中的模板，只需使用模板名称空间约定即可提供覆盖。

Answer 2

也许您可以使用nodejs样式（使用CommonJS ）编写代码，在不同的文件夹等中找到文件，然后使用browserify将js代码组合为一件。 HTML模板，可以很容易地也transpilled到使用js文件角模板缓存和像一些工具， 这一个一饮而尽或者一些similiar的呼噜声。