我正在开发几个AngularJS应用程序,并且我正在寻找最佳实践,以便我可以在这些项目之间共享代码,尤其是指令。我面临的最大问题是:
我的大部分指令至少包含一个js文件和一个html模板。 js文件通常包含对模板的引用。当我从两个不同的项目中包含相同的js文件时,处理不同路径的最佳方法是什么?
可能有更好的方法来处理我甚至无法想到的这种情况。所以,我想知道是否有人有这种情况的经验以及如何处理。谢谢!
答案 0 :(得分:1)
我发现使用像https://www.npmjs.com/package/grunt-angular-templates这样的构建工具来使用已编译的HTML模板很有帮助。有很多Gulp / Grunt替代品,如果那个没有满足您的需求。
然后,您需要将模板保留在命名空间目录中,以便您的消费者应用程序不会发生冲突。
然后,当您只需要使用单个编译的JS文件时。模板被编译到其中。如果需要覆盖应用程序中的模板,只需使用模板命名空间约定来提供覆盖。
答案 1 :(得分:0)
也许您可以用nodejs
样式编写代码(使用CommonJS
),在不同的文件夹中找到您的文件等,然后使用browserify将您的js代码合并为一个部分。 HTML
模板也可以使用angular template cache和某些工具(如this one for gulp)轻松转换为js文件,也可以与grunt类似。