How to avoid code compression when building a project using react-app-rewired?

How to build a project with more readability using react-app-rewired?

When building static projects with react-app-rewired, it is crucial to keep the code readable, which facilitates subsequent maintenance and modifications, and avoids the need to rely on developers for every adjustment. This article will explain how to configure webpack to avoid code compression.

Direct delivery of source code is the easiest and most straightforward way, but this is not always feasible for security or other reasons. Therefore, we need to adjust the build configuration of webpack.

The key is to modify the configuration of webpack and disable the code compression function. This can be achieved by setting optimization.minimize property to false . The specific operation is carried out in config-overrides.js file. Add the following code to this file:

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

Through the above modifications, react-app-rewired will not compress code when building the project, thus delivering more readable code, which is convenient for others to modify and maintain.

The above is the detailed content of How to avoid code compression when building a project using react-app-rewired?. For more information, please follow other related articles on the PHP Chinese website!