使用react-app-rewired構建項目時，如何避免代碼壓縮？

如何使用react-app-rewired構建可讀性更高的項目？

在使用react-app-rewired構建靜態項目時，保持代碼可讀性至關重要，這方便后續維護和修改，避免每次調整都需要依賴開發者。本文將介紹如何配置webpack，從而避免代碼壓縮。

直接交付源碼是最簡單直接的方法，但出于安全或其他考慮，這并非總是可行。 因此，我們需要調整webpack的構建配置。

關鍵在于修改webpack的配置，禁用代碼壓縮功能。 這可以通過設置optimization.minimize屬性為false來實現。 具體操作在config-overrides.JS文件中進行。 在該文件中添加如下代碼：

module.exports = function override(config, env) {   config.optimization.minimize = false;   return config; };

通過以上修改，react-app-rewired在構建項目時將不會進行代碼壓縮，從而交付的可讀性更高的代碼，方便他人修改和維護。