Angular $ templatecache名称冲突

Question

我们有一个带有多个html模板的单页面应用程序结构。 多个开发人员将自己的子模块推送到应用程序，并且在捆绑过程（Webpack）中，我们将所有这些模板推送到$ templatecache。

不可避免的是，某些应用程序部分的名称恰好具有相同的名称（仪表板，导航，区域等），而angular会覆盖模板。

有没有一种方法可以避免在角度模板缓存过程中发生名称冲突？ 还是有任何gulp-grunt etc插件来创建唯一的模板名称并在html中匹配替换它们？

Answer 1

好吧，尝试使用不会冲突的更长名称...

仪表板，导航，部分是通用的，很容易发生冲突

尝试：

dashboard-for-admin-page, nav-for-submodule-alpha-0, section-right-of-main-page, etc

我的团队这样做的方式是，我们为每个模块使用复杂名称的文件夹结构

例：

/partials
----/global-partials
--------/header-global.html
--------/footer-global.html
----/main-page
--------/index-for-main-page.html
--------/partial-header-on-main-page.html
--------/left-pane-on-main-page.html
----/about-us-page
----/cart-page
----/search-page