Question

在基于Express，Webpack和React的SSR设置中，这是我的开始脚本：

"build": "webpack",
"server": "node index.js",
"start": "npm-run-all --parallel build server",

一切正常，但是当我对开发进行任何更改时，我必须停止并重新启动服务器，这是不理想的。

我尝试使用React Hot Loader 4.8.0设置热重载，这些是我所做的更改：

Babel配置：

"plugins": ["react-hot-loader/babel"]

package.json：

"react-hot-loader": "^4.8.0",

App.js：

import { hot } from "react-hot-loader";
...
export default hot(module)(App);

webpack.config.js：

entry: ["webpack/hot/dev-server", "./client.js"],
...
module: {
  rules: [
    {
      test: /\.js?$/,
      include: /node_modules/,
      use: ["react-hot-loader/webpack"],
    },
    ...

这是客户端启动脚本：

"start:client": "webpack-dev-server",

仅使用客户端，热重装可以正常工作，但没有SSR。

所以我想知道是否可以将React Hot Loader与SSR一起使用，还是只应使用客户端进行开发。

如果还有比React Hot Loader更好的方法，或者有人知道可复制的存储库使SSR与Hot Reloading一起工作，请告诉我。我已经从React Hot Loader资源库尝试了SSR example，但是无法正常工作。

带React Hot Loader的SSR

0 个答案: