angular - 如何获取 webpack publicPath

Question

我正在使用以下代码向 MdIconRegistry 添加图标:

constructor(iconRegistry: MdIconRegistry, sanitizer: DomSanitizer) {
  iconRegistry.addSvgIconSet(
    sanitizer.bypassSecurityTrustResourceUrl('/assets/svg-sprite-action-symbol.svg'));
  iconRegistry.addSvgIconSet(
    sanitizer.bypassSecurityTrustResourceUrl('/assets/svg-sprite-content-symbol.svg'));
  iconRegistry.addSvgIconSet(
    sanitizer.bypassSecurityTrustResourceUrl('/assets/svg-sprite-navigation-symbol.svg'));
}

不幸的是，这在使用 ng [build|serve] --deploy-url=/public/ 时会中断。 (在生产中，我想将 ng build 输出部署到 CDN)

有没有一种方法可以从我的 Angular 组件访问 webpack publicPath 变量，以便我可以指定 svg 图标的 url 相对于此？

我查看了ng build输出，我可以看到变量设置在 inline.bundle.js ，但我不确定如何正确访问它。

/******/    __webpack_require__.p = "/public/";

Answer 1

您可以从 __webpack_public_path__ 获取全局变量。