如何在Nx monorepo中的NestJS项目中设置Webpack的HMR？

Question

我正在尝试在Nx monorepo中的nestjs应用程序中启用Webpack HMR。

包含nestjs应用程序的nx工作区可以在此处找到。 它是按照官方文档创建的。

Nestjs webpack HMR文档在这里

我已经成功地按照上述文档在不使用nx monorepo的nestjs应用程序中启用了Webpack HMR。

如何在Nx monorepo中的NestJS项目中设置Webpack的HMR？

如有需要，随时询问更多问题细节。

- Sohel Ahmed Mesaniya

Answer 1

webpack@5.74.0

yarn add webpack@5.70.0

---

webpack-hmr.config.js

...
{
  entry: { main: ['./node_modules/webpack/hot/poll?100', ...config.entry.main ]  }, //this
  externals: [
    nodeExternals({
      allowlist: ['./node_modules/webpack/hot/poll?100'] // this
    })
  ],
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.WatchIgnorePlugin({ paths: [/\.js$/, /\.d\.ts$/] }),
    new RunScriptWebpackPlugin({name: config.output.filename, autoRestart: false}),
  ],
},
...

---

apps/project-api/project.json >> targets.build.webpackConfig

的编程相关内容。

"webpackConfig": "apps/project-api/webpack-hmr.config.js"

运行

npx nx build project-api --watch

- TK-Misty

---

在你的答案中加上一点注释会大大提高它的质量！ - 2A-66-42