2014-12-01 86 views
0

我们有一个包含多个html模板的单页应用程序结构。多个开发人员将他们自己的子模块推送到应用程序,并且在捆绑过程(webpack)期间,我们将所有这些模板推送到$ templatecache。

不可避免地,一些应用程序partials碰巧具有相同的名称(仪表板,导航,部分等),并且angular会覆盖模板。

有没有办法在角模板缓存过程中避免名称冲突?或者是否有任何gulp-grunt等插件来创建独特的模板名称并在htmls中匹配替换它们?

+0

好吧,我能想到的简单方法就是给你的模板一个长名字......这个名字将以该模板所属的模块名称开始。此外,您可以将部分放入单独的文件夹中,并从这些文件夹中引用它们,只需定义一个复制文件夹结构的咕噜任务即可。 – SoluableNonagon 2014-12-01 22:28:51

回答

0

好,尝试较长的名称,这将不会发生冲突......

仪表盘,导航,部分是通用的,很容易产生冲突

尝试:

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