將項目從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應該工作正常，但我不知道。