Nx Angular 工作区:如何在多个应用程序之间共享 index.html?
Nx Angular Workspace: How to share the index.html between multiple apps?
目前我的 nx 工作区中有 3 个应用程序。所有这些都是 Angular 应用程序,因此它们在 app-name/src 文件夹中都有一个 index.html 文件。由于这些应用程序都将通过使用不同的 "url-subsets" 部署到同一域,因此它们过去具有完全相同的 index.html(元标记、收藏夹图标等)
很明显我不希望它们在每个应用程序中都是多余的,而是共享一个 index.html。
这是怎么做到的?
这应该可行:您可以尝试更改 "index" 属性 在 angular.json
中的路径。因此,您的 nx 项目的根目录中有一个 index.html
文件,并且所有应用程序都在 angular.json
中将索引定义为 "index.html"
@Eweren 的回答有效!
使用 ./ 启动库路径,如下所示:
"index": "./libs/name-of-lib/index.html"
我更喜欢@Eweren 的回答,但是还有另一种方法可以通过在每个项目中为索引文件设置 fileReplacements 来实现。
目前我的 nx 工作区中有 3 个应用程序。所有这些都是 Angular 应用程序,因此它们在 app-name/src 文件夹中都有一个 index.html 文件。由于这些应用程序都将通过使用不同的 "url-subsets" 部署到同一域,因此它们过去具有完全相同的 index.html(元标记、收藏夹图标等)
很明显我不希望它们在每个应用程序中都是多余的,而是共享一个 index.html。
这是怎么做到的?
这应该可行:您可以尝试更改 "index" 属性 在 angular.json
中的路径。因此,您的 nx 项目的根目录中有一个 index.html
文件,并且所有应用程序都在 angular.json
@Eweren 的回答有效!
使用 ./ 启动库路径,如下所示:
"index": "./libs/name-of-lib/index.html"
我更喜欢@Eweren 的回答,但是还有另一种方法可以通过在每个项目中为索引文件设置 fileReplacements 来实现。