如何在Webpack中使用React將Typescript定向到ES5？

Question

我們有一個用Typescript編寫的React網絡應用程序，它工作正常，並且在tsconfig.json文件中以ES6爲目標。

現在我們想在Uglifyjs編譯部署到生產環境後將其縮小。這是因爲Uglify只支持ES5（甚至是#harmony分支，我已經試過了）。

所以我需要webpack輸出爲ES5。但是當我在我們的tsconfig文件中設置"target": "es5"時，webpack編譯失敗，說：Unexpected token (164:41) You may need an appropriate loader to handle this file type.

我們如何使用React將Typescript中的ES5定位到它的工作？

---

附錯誤的截圖：

Answer 1

答案是，你不能。

巴別可以將ES7轉換爲ES6。但它can't transpile ES6 to ES5，因爲它使用了一個polyfill（在瀏覽器中加載的.js庫）。

因此，由於無法從源代碼獲取ES5，因此無法使用Uglify。

你必須依靠單獨的gzip（which is a substantial size decrease）。