Angular Monorepo 与 Basehref 共享资产

Question

我正在开发一个新项目并设置一个新的 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");

Answer 1

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