如何在多个角度元素之间共享外部库

如何解决如何在多个角度元素之间共享外部库

我目前正在使用Angular Elements，更具体地说，是尝试使多个Elements相互通信和交互。就我而言，我要创建的两个元素共享一个外部库（ag-grid），使它们能够显示用户可以与之交互的高级表。

我的问题是关于这两个元素的捆绑。目前，我正在使用ngx-build-plus分别构建这两个元素。输出为我提供2个main.js，2个scripts.js，2个polyfills.js，...文件，我的目标是每个元素具有1个main.js文件，并且仅在两个元素之间共享1个scripts.js文件所有元素。

ngx-build-plus允许我们创建一个webpack.external.js，其中列出了将要共享的依赖项：

module.exports = {
    "externals": {
        "rxjs": "rxjs","@angular/core": "ng.core","@angular/common": "ng.common","@angular/common/http": "ng.common.http","@angular/platform-browser": "ng.platformbrowser","@angular/platform-browser-dynamic": "ng.platformbrowserDynamic","@angular/compiler": "ng.compiler","@angular/elements": "ng.elements",// Uncomment and add to scripts in angular.json if needed
        // "@angular/router": "ng.router",// "@angular/forms": "ng.forms"
    }
}

我一直在尝试向此文件以及angular.json中的“ scripts”数组添加ag-grid-angular，但是由于我对Angular或Angular的使用经验不足，因此我没有获得任何成功元素。