将Angular应用程序与Vanilla JS webapp集成

时间:2018-01-05 10:06:28

标签: javascript angular webpack

我需要你的协助。

背景 我们有一个传统的Vanilla JS webapp,我们打算用Angular取代它。由于时间限制,我们希望逐步更换一个隔离组件,同时添加新功能作为隔离角度应用程序。

目标当然是能够在6-12个月的时间内完全转移到Angular。

问题 我一直在研究如何使用webpack(我们已经用于构建我们的应用程序)将角度应用程序与我们的vanilla js无缝集成。 关于Angular如何做到这一点没有例子,而我已经看过React的例子。 目的是为angular设置一个单独的目录,然后在vanilla JS中需要时进行自举。我们希望在一个at js中与其余部分一起构建有角度的东西。

后果 我看到的后果当然是引导角度应用程序的时间,但是当使用aot时应该没有太多问题。

解决方案?? 这是你们发挥作用的地方。我们如何使用vanilla js app轻松构建角度应用程序?

理想情况下,我想以某种方式构建 - 生成角度应用程序,然后将结果包含在vanilla js webpack dist中。

提前致谢。

1 个答案:

答案 0 :(得分:0)

如果我是你,我会做相反的事情:将vanillaJS应用程序整合到Angular 中。

正如Lazar所说,Angular是一个平台。您使用Typescript编写应用程序代码。

好消息是,每个有效的JS代码都是有效的TS代码。另一方面,相反的情况并非如此。

所以我要做的就是把我的旧应用程序块放在chunk中,然后把它放在一个新的Angular应用程序中。

而且我知道您正在使用webpack,它可能对您有用,但我强烈建议您从头开始使用CLI。不仅因为它也使用了Webpack,而且因为它代表了Angular项目的90%(任意数量,但不是很远),这意味着如果您有任何问题,那么整个社区都能够提供帮助您。

当然没有提到i18n,服务器端渲染,AOT等所有功能......