尝试弹出配置文件，通过运行:

npm run eject

然后你会发现在你的项目中创建了一个配置文件夹。你会发现你的webpack配置文件init。

create-react-app使用的Webpack配置在这里: https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/config

尝试弹出配置文件，通过运行:

npm run eject

然后你会发现在你的项目中创建了一个配置文件夹。你会发现你的webpack配置文件init。

我正在使用craco的create-react-app，当我用craco.config.js更新到webpack 5时，我能够覆盖我的webpack配置:

module.exports = {
    style: {
        postcssOptions: {
            plugins: [
            require('tailwindcss'),
            require('autoprefixer'),
            ],
        },
    },
    webpack: {
        configure: (webpackConfig, { env, paths }) => {
            // eslint-disable-next-line no-param-reassign
            webpackConfig.resolve.fallback = {
                fs: false,
            };
            return webpackConfig;
        },
    },
}

弹出和编辑node_modules下的内容都不是最好的选择。 React-app-rewired不维护，并有警告:

.．.您现在“拥有”配置。不会提供任何支援。继续进行 小心……

解决方案——使用克拉可。

很多人来到这个页面的目的是寻找webpack配置和文件，以便将自己的配置添加到其中。另一种不运行npm run eject的方法是使用react-app-rewired。这允许你覆盖你的webpack配置文件而不弹出。