angular - 将项目从 SystemJS 移动到 Angular CLI/Webpack

Question

我有一个使用 Angular 2 + SystemJS 创建的项目。不是我想切换到 Angular CLI + Webpack。有推荐的方法吗？

Answer 1

我会使用 Angular CLI 构建一个空项目，然后将我的代码从基于 SystemJS 的项目移到基于 Angular CLI 的项目中。根据项目的大小和相互关联的程度，这可能是 app 或 src 文件夹的简单副本，也可能是很长的事情。

总的来说，SystemJS 和 Angular CLI(或多或少)是构建工具，不应在实际应用程序代码中引用，因此最难的部分应该是正确配置新的 Angular CLI 项目。这有多难取决于您的 SystemJS 配置有多复杂。

站在你的立场上，我会先尝试复制整个 src 文件夹，看看是否一切正常，如果没有，然后尝试从那里零碎地移动东西。

需要特别注意的事项:

• package.json - 这两个项目之间很可能不同。如果可能，在迁移之前更新您的 SystemJS 项目以使用尽可能多的相同版本的 npm 包可能更有意义。你将不得不使用自己的判断力来判断这能走多远

• tsconfig.json - 同样的故事 - 尽管在 Angular CLI 端更改它以匹配您的 SystemJS 配置可能更安全