我可以弹出 react-dev-utils 文件吗？答案

【问题标题】：Can i eject react-dev-utils files?我可以弹出 react-dev-utils 文件吗？
【发布时间】：2020-04-08 17:43:54
【问题描述】：

谁能告诉我是否有任何方法可以覆盖 webpackHotDevClient.js 文件（在 react-dev-utils 包中）和 webpack.config.js（在 react-scripts 包中）？

编辑：我尝试过弹出命令，我在配置文件夹中有 webpack.config.js，但没有 webpackHotDevClient.js 文件

在 webpackHotDevClient 我想改变：

// Connect to WebpackDevServer via a socket.
var connection = new WebSocket(
  url.format({
    protocol: 'ws',
    hostname: window.location.hostname,
    port: window.location.port,
    // Hardcoded in WebpackDevServer
    pathname: '/sockjs-node',
  })
);

到

// Connect to WebpackDevServer via a socket.
var connection = new WebSocket(
  url.format({
    protocol: 'wss',
    hostname: window.location.hostname,
    port: window.location.port,
    // Hardcoded in WebpackDevServer
    pathname: '/sockjs-node',
  })
);

并在 webpack.config.js 中将 publicPath 属性更改为 publicPath:"/Apps/MyApp/app/"。因为我的应用在 mydomain.com/Apps/MyApp/app/

所以我可以通过 https 使用热开发服务器重新加载。

edit：我尝试了弹出命令，并且我在配置文件夹中有 webpack.config.js，但没有 webpackHotDevClient.js 文件。那么是否有可能有一个等效的或解决方法，所以我可以如上所述编辑 webpackHotDevClient.js 设置。现在我正在直接编辑 node_modules 文件夹中的文件。

【问题讨论】：

标签： reactjs webpack-dev-server hot-reload

【解决方案1】：

我也有同样的问题。 react-dev-utils 是 Webpack 的一部分，据我所知，在 Facebook 开发人员更新 Webpack 之前，这个问题不会得到解决。

https://github.com/facebook/create-react-app/pull/8079

上述参考为您提供了编辑文件的修复程序（如果您的问题是本地问题），但是当 Heroku 引用它时，Heroku 不会使用您的固定版本，因此您应该在部署中上传它而不是忽略它。在更新 node_module 之后将其添加到您的 .gtignore 中。

node_modules/*
!node_modules/react-dev-utils

【讨论】：