时间戳

首页 > 解决方案 > 在所有角度元素项目中共享一个角度库实例

javascript - 在所有角度元素项目中共享一个角度库实例

问题描述

我正在使用https://github.com/akhil110/microfrontend_workspace方法来使用角度元素创建 Web 组件，我在项目文件夹中创建了 3 个 Web 组件和一个角度共享数据库，但是当我构建一个项目时，该库也被包含在每个 Web 组件中（在 main.js 中），因此由于库的多个实例，我无法共享数据，我相信我需要在包中排除库。我正在尝试从我的容器应用程序中设置一些数据和常用方法，以便所有 Web 组件都可以使用它。这是我的 webpack.external.js

const webpack = require('webpack');
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",
     "projects/common-lib/src":"common-lib",
 },

}

有人可以分享这个问题的解决方案...谢谢

标签： javascriptwebpackangular-elementsngx-build-plus

解决方案

推荐阅读