使用 create-react-app 的 writeToDisk 不显示工作文件

Question

我正在尝试在我的 React 应用程序中配置 webpack，以便在开发过程中，文件在dist文件夹（或任何地方）中可见。

所以我尝试使用以下配置进行react-app-rewired

module.exports = function override(config, env) {
    config.devServer = {
        devMiddleware: {
            writeToDisk: true
        }
    }
    return config;
}

但这似乎不起作用。 我一直在寻找如何使writeToDisk工作，它似乎在某个时候发生了变化，因为我在网上找不到任何可用的东西。

我怎样才能让writeToDisk工作，以便在运行react-scripts start时将热重载文件写入可见文件夹？

Answer 1

我最终选择了craco ，这很有效。

craco.config.js ：

module.exports = {
    devServer: (devServerConfig, { env, paths, proxy, allowedHost }) => {
        devServerConfig.devMiddleware.writeToDisk = true;
        return devServerConfig;
    },
};