Angular Elements 与 buildOptimizer 和延迟加载路由的兼容性

问题描述

我一直致力于将一些 Angular 应用程序转换为 Web 组件，以便任何人都可以与我们集成。一切最初看起来都很好，直到我们遇到了一些奇怪的构建/捆绑问题。与我们集成的应用程序具有以下设置

应用 1

• 角度 10
• 延迟加载路由
• buildOptimizer 是真的

应用 2

• 反应
• 创建 React 应用作为基础
• 不是懒加载

我的网络组件

• 角度 10
• buildOptimizer 是假的

但是，在对 App 1 进行开发构建时，一切正常。但是，一旦我们运行 prod 构建，页面就会崩溃。将 buildOptimizer 更改为 true 可以解决该问题，但是当您引入 polyfill（特别是 zone.js）时，它会与 redux 发生冲突并且页面会炸毁。

应用	web 组件 buildOptimizer 标志	结果
应用 1	真实	有效！
应用 1	假	生产构建中断
应用 2	真实	polyfill 与 redux 发生冲突
应用 2	假	有效！

我不知道为什么它在一种情况下有效，而在另一种情况下无效，但有谁知道为什么这会导致问题？我是否需要为应用程序单独构建？感觉这违背了 Web 组件的目的。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）