在 AngularJS 个应用程序之间共享代码的最佳做法
Best practices for sharing code between AngularJS applications
我正在开发几个 AngularJS 应用程序,我正在寻找如何在这些项目之间共享代码(尤其是指令)的最佳实践。我面临的最大问题如下:
我的大部分指令至少包含一个 js 文件和一个 html 模板。 js 文件通常包含对模板的引用。当我包含来自两个不同项目的相同 js 文件时,处理不同路径的最佳方式是什么?
可能有更好的方法来处理我什至想不到的这种情况。所以,我想知道是否有人遇到过这种情况以及如何处理。谢谢!
也许你可以用 nodejs
风格编写你的代码(使用 CommonJS
),将你的文件放在不同的文件夹等中,然后使用 browserify to combine your js code into one piece. HTML
templates can be also easily transpilled into js files using angular template cache and some tool like this one for gulp 或一些类似的 grunt .
我发现使用像 https://www.npmjs.com/package/grunt-angular-templates 这样的构建工具来使用已编译的 HTML 模板很有帮助。如果那个不符合您的需要,还有很多 Gulp/Grunt 替代品。
然后您需要将模板保存在命名空间目录中,这样您的消费者应用程序就不会发生冲突。
然后你只需要使用一个编译好的JS文件。模板被编译到其中。如果您需要覆盖应用程序中的模板,只需使用模板命名空间约定来提供覆盖。
我正在开发几个 AngularJS 应用程序,我正在寻找如何在这些项目之间共享代码(尤其是指令)的最佳实践。我面临的最大问题如下:
我的大部分指令至少包含一个 js 文件和一个 html 模板。 js 文件通常包含对模板的引用。当我包含来自两个不同项目的相同 js 文件时,处理不同路径的最佳方式是什么?
可能有更好的方法来处理我什至想不到的这种情况。所以,我想知道是否有人遇到过这种情况以及如何处理。谢谢!
也许你可以用 nodejs
风格编写你的代码(使用 CommonJS
),将你的文件放在不同的文件夹等中,然后使用 browserify to combine your js code into one piece. HTML
templates can be also easily transpilled into js files using angular template cache and some tool like this one for gulp 或一些类似的 grunt .
我发现使用像 https://www.npmjs.com/package/grunt-angular-templates 这样的构建工具来使用已编译的 HTML 模板很有帮助。如果那个不符合您的需要,还有很多 Gulp/Grunt 替代品。
然后您需要将模板保存在命名空间目录中,这样您的消费者应用程序就不会发生冲突。
然后你只需要使用一个编译好的JS文件。模板被编译到其中。如果您需要覆盖应用程序中的模板,只需使用模板命名空间约定来提供覆盖。