将项目从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 - 同样的故事 - 虽然这可能是更安全的改变对角CLI侧，以配合您SystemJS配置

Answer 2

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

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

  -npm开始

视频参考Here

这就是你如何从system.js去的WebPack的CLI我觉得在这之后安装CLI应该工作正常，但我不知道。