建立 React App

create-react-app 是由 Facebook 建立的 React 應用程式樣板生成器。它提供了一個易於使用且配置最少的開發環境,包括:

  • ES6 和 JSX 轉換
  • 具有熱模組重新載入的開發伺服器
  • 程式碼 linting
  • CSS 自動新增字首
  • 使用 JS,CSS 和影象繫結以及源對映構建指令碼
  • Jest 測試框架

安裝

首先,使用節點包管理器(npm)全域性安裝 create-react-app。

npm install -g create-react-app

然後在你選擇的目錄中執行生成器。

create-react-app my-app

導航到新建立的目錄並執行啟動指令碼。

cd my-app/
npm start

組態

預設情況下,create-react-app 是故意不可配置的。如果需要非預設使用,例如,要使用編譯的 CSS 語言(如 Sass),則可以使用 eject 命令。

npm run eject

這允許編輯所有配置檔案。注意,這是一個不可逆轉的過程。

備擇方案

替代 React 鍋爐板包括:

構建 React 應用程式

要為生產準備好構建應用程式,請執行以下命令

npm run build