Reactjs 如何在不缩小的情况下构建 React 的生产版本

要更改webpack配置和构建脚本，您必须从create react应用程序中弹出(我不建议执行此步骤，因为它会 destruct future 的兼容性)，或者可以使用rewire等工具覆盖某些设置

看看这个

我个人用的只是重新布线

npm i rewire --save-dev

这是我过go 为一个项目创建的一个配置示例，效果非常好！

1. 创建一个构建.js
2. 换一下你的Package.json，以便运行build.js

build.js

const rewire = require('rewire');
const defaults = rewire('react-scripts/scripts/build.js');
const config = defaults.__get__('config');

// Consolidate chunk files instead
config.optimization.splitChunks = {
  cacheGroups: {
    default: false,
  },
};
// Move runtime into bundle instead of separate file
config.optimization.runtimeChunk = false;

// JS
config.output.filename = '[name].js';
// CSS. "5" is MiniCssPlugin
config.plugins[5].options.filename = '[name].css';
config.plugins[5].options.publicPath = '../';

然后在我的包裹里.json我更改了npm脚本链接，如下所示

package.json

"scripts": {
    "start": "react-scripts start",
    "build": "node build && gulp",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

所以，如果你真的想退出CreateReact应用程序，你所要做的就是运行它

npm run-script eject

然后，您将获得一个包含create react应用程序使用的所有配置的新文件夹

但正如我之前所说，没有理由不使用重新布线，而只是覆盖配置，而不是弹出

如果有帮助的话，请别忘了把它标记为答案