如何在 Nx 中配置动态别名路径？

Question

背景：

我正在构建一个 Angular 仪表板，我在其中动态导入小部件（Angular 模块和组件）（无路由）。 我在这篇很棒的文章https://netbasal.com/welcome-to-the-ivy-league-lazy-loading-components-in-angular-v9-e76f0ee2854a的帮助下实现了这一点。

我也在使用 Nx，我的每个小部件都是“NX Angular 库”。

问题：

在我的代码中，我想使用带有 Nx 的路径别名集，如下所示：

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class LayoutService {

  loadWidget(name: string) {
    return import(
      /* webpackMode: "lazy" */
      /* webpackPrefetch: true */
      `@dashboard/widget-${name}`
    );
  }
}

但这会导致错误提示找不到模块@dashboard 。 但是，如果我以非动态方式使用路径，例如：

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class LayoutService {

  loadInfoWidget() {
    return import(
      /* webpackMode: "lazy" */
      /* webpackPrefetch: true */
      `@dashboard/widget-info`
    );
  }
}

然后一切正常。 我知道问题是 Webpack 没有选择动态路径？ 是否可以配置？

笔记：

如果我使用没有别名的相对路径，如下所示：

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class LayoutService {

  loadWidget(name: string) {
    return import(
      /* webpackChunkName: "[request]" */
      /* webpackMode: "lazy" */
      /* webpackPrefetch: true */
      `../../../../widgets/${name}-widget/src/lib/${name}-widget.component`
    );
  }
}

然后它可以工作，但这有点“丑陋”，还不确定它是否会导致任何其他问题。 此外，它还提供了诸如info-widget-src-lib-info-widget-component.js之类的块文件名，这也比“dashboard-widget-info.js”更“丑陋”。

问题：

那么，是否可以使用 NX、typescript 和 Angular 配置动态别名路径，如果可以，如何？ 或者，如果您有任何更好的方法来解决这个问题，请分享您的想法。

谢谢！