使用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在构建项目时将不会进行代码压缩，从而交付的可读性更高的代码，方便他人修改和维护。

以上是使用react-app-rewired构建项目时，如何避免代码压缩？的详细内容。更多信息请关注PHP中文网其他相关文章！