Angular CLI 8中是否有--rebaseRootRelativeCssUrls选项的替代方法？

Question

我遇到了很多问题，因为我的应用程序托管在子文件夹中，因此/assets/，在.scss文件内部引用的相对路径不起作用。解决方案是启用该--rebaseRootRelativeCssUrls选项以获得预期的行为。使用该选项，构建过程/assets/通过注入“ --base-href”值来调整我的路径，现在已正确加载了引用的图像和字体。

但是，我在文档中看到该选项已过时，它将在下一个主要版本中删除。

https://angular.io/cli/build（搜索--rebaseRootRelativeCssUrls）

所以我的问题是，有什么替代方法，是否还有其他方法可以获得相同的结果？

Answer 1

如果您的项目部署在子文件夹中，您可以将该信息传递给您的build命令

我建议你看看--base-href

在开发过程中，您通常在包含index.html 的文件夹中启动服务器。这是根文件夹，您需要将其添加到 index.html 的顶部附近，因为 / 是应用程序的根目录。

但在共享或生产服务器上，您可以从子文件夹提供应用程序。例如，当加载应用程序的 URL 类似于 mysite.com/my/app/ 时，子文件夹为 my/app/，您应该添加到服务器版本的 index.html。

您可以使用以下命令修改生产基地 href：

ng build --prod --base-href /subfolder/

您还可以将 base-href 设置为./当前目录，与/代表根目录相反。

另一种可能的解决方案是改变href你的主要index.html

<base href="./">