ReactJs webpack 热重载

Question

我是 ReactJS 的新手，正在尝试创建一个流畅的开发环境。我从零开始，没有样板，直到 hot reloading。

首先，我找到的是Dan Abramov'shot reloading approach。 它为 webpack.config.js 和一个初学者不熟悉的 server.js 文件添加了一些选项。这很好地设置了服务器-浏览器热重载连接。

但是，当我安装 ReactJS hello world 的样板文件时，它也会以热重载过程运行，但是我看到没有任何 server.js，甚至没有 webpack.config.js 文件。 （package.json 中有 react-scripts 脚本。我猜这个脚本处理了所有的 webpack 和热重载配置。）

所以我想知道在 react+webpack 环境中是否存在或将会有一种标准的热重装方式。或者我应该坚持以上哪些方式？

Answer 1

创建 server.js 并使用包文件中的 npm 脚本运行它的方式是首选方式。

您应该在包文件中添加如下内容： json对象

{ “开始”：“babel-node 工具/server.js” }

然后你可以使用 npm start

你应该有 - server.js 文件，其中包括所有应用服务器初始化等：

const app = express();
const compiler = webpack(config);
app.use(require('webpack-hot-middleware')(compiler));

希望对你有帮助，呵呵