使用 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;
    },
};

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

writeToDisk with create-react-app not displaying work files

javascript

reactjs

webpack