React打包难题？react-app-rewired帮你避免代码压缩！

React 应用构建：保持代码可读性，轻松修改静态页面

在使用 react-app-rewired 构建 React 应用时，如何避免代码压缩以方便后续修改？本文提供解决方案，帮助您交付易于维护的静态页面。

为了方便他人修改静态页面，避免代码压缩是关键。直接提供源码是最直接的解决方案，但若受限于某些因素，您可以通过修改 webpack 配置来实现。 react-app-rewired 提供了自定义 webpack 配置的能力。

在 config-overrides.js 文件中，您可以修改 webpack 配置以禁用代码压缩。只需找到 optimization 属性，并将 minimize 属性设置为 false 即可。

以下是如何修改 config-overrides.js 文件：

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

通过以上简单的配置修改，您的 react-app-rewired 构建过程将不再压缩代码，从而保证交付的静态页面代码可读性高，方便他人理解和修改，无需再次寻求开发者帮助。