Angular Monorepo 与 Basehref 共享资产

Posted 2023-03-23

【中文标题】Angular Monorepo 与 Basehref 共享资产

【英文标题】：Angular Monorepo shared assets with Basehref

【发布时间】：2021-02-02 23:37:05

【问题描述】：

我正在开发一个新项目并设置一个新的 nx angular Monorepo。我添加了一个具有一般样式和全局资产的库。我关注了这篇文章： https://medium.com/@nit3watch/angular-shared-assets-with-multiple-apps-nrwl-nx-b4801c05c771 一切都在开发模式下工作，只是在生产模式下，我无法使用 url() 在 scss 中获取图像。问题是我在 angular.json 中设置了 baseHref，而图像 url 中缺少这个 baseHref。有谁知道如何解决这个问题？

我以这种方式将资产添加到项目中：

  
            "glob": "**/*",
            "input": "./libs/styles-lib/src/lib/",
            "output": "/global-assets/"
          

scss里面：background-image:url("/global-assets/img/bg_btn.png");

【参考方案1】：

它就是这样工作的：url("^global-assets/img/bg_btn.png");