我真的需要 Babel 或其他轉譯器才能在 React 中使用 ES6 嗎？

Question

我真的需要 Babel 或其他轉譯器才能在 React 中使用 ES6 嗎？

我在看圖表https://kangax.github.io/compat-table/es6/

似乎我當前的瀏覽器 Chrome（最新穩定版本）幾乎支持所有 ES6 功能......

如果我可以不用 Babel 就可以使用 ES6，我應該怎么做？

Answer 1

如果你想：

• 使用modules （使用require()或import ... ）
• 使用JSX
• 支持很多瀏覽器
• 使用更高級的特性（ async/await ），一些仍在提案中（裝飾器、類屬性..）

你必須使用 Babel 來確保每個人都能運行你的代碼，否則你可以不用它進行開發。

Answer 2

絕對可以並且確實使用 ES6 W/O babel。 所有主流瀏覽器都原生支持絕大多數功能（參見 CanIUse.com ），實際上唯一不支持的主要功能是模塊的導入/導出。

對於這些，您仍然必須使用 HTML 中的腳本標記以正確的順序手動導入模塊。 僅客戶端（節點需要模塊）。

但是，請注意，這對開發人員來說很好，但在生產中，無論如何您都需要將所有 JS 連接並最小化到一個模塊中，因此最終可能會使用 Babel/Webpack 或 Babel/Browserify 風格的工具鏈。

Answer 3

如果沒有 babel，您將獲得鏈接到的圖表的兼容性。 但是請記住，如果您想使用 JSX，您將需要使用 babel 來轉譯它。