将Webpack用于Angular 1/2混合应用程序是否明智

时间:2016-10-11 09:58:10

标签: angular webpack systemjs

首先,我想说我已经使用Angular 1开发了2/3年,并且有一个应用程序正在使用带有命名空间/内部模块和1.5个组件的typescript。

与大多数人一样,我正在尝试整合Angular 2,而Angular.io网站上的文档信息非常丰富,我仍然在努力工作。我之前从未使用过模块加载器/捆绑器,这似乎是一个学习曲线。升级教程使用SystemJs但我听说Webpack实际上是首选的捆绑器,但Webpack教程只涉及纯粹的Angular 2 app而不是混合版本。

为了达到我想我要问的问题,混合应用程序的最佳模块加载器/捆绑器是什么?使用typescript命名空间而不是外部模块是否甚至可以创建混合应用程序?我知道webpack使用import语句通过依赖工作,所以我认为这会排除它,但我是否应该首先从命名空间迁移然后考虑集成Angular 2?

另外Angular.io升级指南的一部分似乎涵盖了连接升级适配器,这一点非常不清楚。有代码片段,但没有提到他们应该在哪个文件,也有一些片段似乎甚至没有工作。例如,升级适配器被移动到一个单独的文件,似乎神奇地获得了AppModule,但没有导入它。

如果有人能够对我的一个问题有所了解,我将非常感激,因为此刻我只是想忘记Angular 2并坚持使用Angular 1。

1 个答案:

答案 0 :(得分:1)

你去交配。这是github repo的链接,它将为您提供angular1和angular2混合应用程序。我使用.net核心作为我的项目设置,但你可以使用任何你喜欢的。确保从包json中删除了@ progress / kendo-ui以及其中包含kendo的任何内容。运行npm install或npm run dist命令创建dist文件夹。

回购链接是 Angular webpack hybrid Github repo

确保您接受这是完成后的答案。它也会帮助其他人