CRACO

CRACO 是什麼？

當使用 Create React App 來自訂化項目時，您可以退出。但這樣一來，您就得自行維護每項設定和指令碼，這可能會有點煩人。CRACO，意指 Create React App Configuration Override，讓您能享有 Create React App 的所有優點，卻不用退出。透過專案根目錄的單一設定檔，來自訂 ESLint、Babel、PostCSS 等設定，還有許多其他設定。

小心

這樣做會破壞 CRA 所提供的 "保證"。換句話說，您現在 "擁有" 這些設定。我們不會提供支援。請三思後行。

關於此說明文件

在此網站中，您可以找到 CRACO 的完整說明文件。如果您發現有任何錯誤或是您認為應該加入的內容，請建立 問題報告，或者提交拉取請求。

CRA 工具鏈

簡介

Create React App 的目的是讓使用者能快速著手撰寫 React 應用程式。它會將幾個主元件與穩固的預設設定封裝在一起。這樣一來，使用者便能快速上手。

經過一些初步實驗後，許多人發現 CRA 的預設值並不太適合。但要從包含 CRA 所提供元件的工具鏈中進行挑選和設定時，卻會覺得不堪負荷。

透過 CRACO，您既能享受 CRA 易懂的專案架構，又可以變更各元件的詳細設定。

CRA 設定與問題解決備註

請注意，在沒有使用 CRACO 的情況下，CRA 仍有某些設定可用。

要得到符合您需求的結果，您可能要同時透過製作 CRACO 設定檔和使用 CRA 中部分受限但重要的設定。

在開始自訂你的 CRACO 組態之前，先退一步思考你試圖解決問題的每個部分。務必檢閱 CRA 組態中的這些資源，這可以節省你的時間。

• 組態 CRA 的重要環境變數
• 瞭解如何於 package.json 中使用 postbuild 指令
• 代理 API 或其他要求 或 「如何將 CRA 的開發伺服器與第二個後端整合」
• 在 CRACO 問題中，搜尋具有意外發現、提示和範例

退出 CRA 以學習

避免退出是許多 CRACO 使用者的主要目標。然而，如果你仍在學習工具鏈和現代前端工作流程，建立一個範例退出 CRA 專案可能會很有幫助，以檢視預設 CRA 應用程式如何組態每個元件。

雖然 CRACO 預設組態直接從 CRA 的預設設定繼承，但在退出 CRA 檔案結構中看到預設 CRA 組態檔案可能會提供你一些有用的觀點。

你甚至可以嘗試在退出應用程式中測試變更以更瞭解如何以基於 CRACO 的專案執行。

感謝

• 感謝 @gsoft-inc，CRACO 的原始建立者，而後他將專案交給我。特別要感謝 @patricklafrance。
• 感謝 @timarney，react-app-rewired 的建立者，感謝他最初的想法。

許可證

版權 © 2022 Dilan Nair。

此程式碼在 Apache 許可證 2.0 下獲得許可，可以在 此處 檢視。