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