如何解决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 举报,一经查实,本站将立刻删除。