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

Question

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

Answer 1

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

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

在你的鞋子里，我首先尝试复制整个src文件夹，看看是否一切都在运行，如果没有，那么尝试从那里零碎地移动东西。

需要特别注意的事项：

• package.json - 这两个项目之间很可能会有所不同。如果可能，更新SystemJS项目以在迁移之前使用尽可能多的相同版本的npm软件包可能更有意义。你必须使用判断来判断这个

的走多远

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

Answer 2

• 进行更改在脚本中的package.json中删除与tsc相关的所有内容，并仅将其替换为build：webpack和start：webpack-dev-server。
• 在dev依赖项中，只保留typescript：version和ts-loader：version。
• npm install
• 接下来更改tsconfig.json模块：commonjs。
• 添加webpack.config.js。
• npm run build

• 从index.html中删除systemjs内容 - 在index.html中包含bundle.js。

  -npm start

视频参考Here

那你怎么从system.js到webpack for CLI我认为在此之后安装CLI应该可以正常工作但是我不确定。