Javascript 角度$templatecache名称冲突

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

不可避免地，一些应用程序部分碰巧有相同的名称dashboard、nav、section等，angular正在覆盖模板

---

在角度模板缓存过程中是否有避免名称冲突的方法？或者是否有任何gulp grunt等插件来创建唯一的模板名称，并在htmls中匹配和替换它们？

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

仪表板、导航和剖面是通用的，很容易发生冲突

尝试：

我的团队这样做的方式是，我们为每个具有复杂名称的模块提供了一个文件夹结构

例如：

/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

---

嗯，我能想到的简单方法是给你的模板起一个很长的名字。。。该名称将以模板所属模块的名称开头。此外，您可以将部分放在单独的文件夹中，并从这些文件夹中引用它们，只需定义一个复制文件夹结构的grunt任务。

/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