帶有 ES5 的 React 和 JSX 的簡單開發堆棧

Question

我從 React 開始，我想用 ES5 編寫我的應用程序。 我已經為react.min.js 、 react-dom.min.js和我自己的app.js文件創建了一個帶有script標簽的 html。 現在我需要做什么才能在我的 JavaScript 文件中編寫 JSX？

1. 預處理（JSX 到 JS）通常會在服務器上完成嗎？ 或者有沒有辦法在客戶端上做到這一點？
2. 我想保持我的開發堆棧簡單。 我必須研究 webpack 還是有更簡單的方法來處理 JSX（例如通過 npm 腳本或通過 express）？
3. 似乎每個人都在使用 babel。 如果我編寫普通的舊 ES5，我可以不用它嗎？

PS：我將在服務器端使用NodeJS和Express來交付應用程序。

Answer 1

我會盡量詳細回答您的問題：

1. 您可以使用 Browserify 在服務器上轉譯 JSX 並節省一些時間，React 會為其所有組件添加一個標志，以將這些組件標記為在服務器中呈現，但是現在大多數人正在做的是使用 webpack 將之前的所有代碼轉譯為運行您的應用程序。 您也可以在客戶端上執行此操作，但我建議您在運行應用程序之前先進行編譯。
2. 您可以在運行之前使用帶有 npm 的 browserify 將您的代碼與 babel 一起編譯
3. 是的，只要你的資源管理器和客戶端的資源管理器支持 ES5，你就可以，否則你會得到一個錯誤，什么都不會工作，這就是為什么每個人都在大多數瀏覽器中使用 babel 來支持 ES5 或 ES6。

希望這對你有幫助！