Как настроить HMR Webpack в проекте NestJS в Nx monorepo?

Question

Я пытаюсь включить Webpack HMR в приложении nestjs в Nx monorepo

Рабочее пространство nx с приложением nestjs можно найти в репозитории здесь. Он создан следующими официальными документами

Документы Nestjs webpack HMR здесь

Я успешно включил Webpack HMR в приложении nestjs без nx monorepo, следуя приведенным выше документам.

Как настроить HMR Webpack в проекте NestJS в Nx monorepo?

Не стесняйтесь задавать более подробную информацию по вопросу, если требуется

Answer 1

[электронная почта защищена]

      yarn add webpack@5.70.0

---

веб-пакет-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}),
  ],
},
...

---

приложения/ проект-api /project.json >> target.build.webpackConfig

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

бегать

      npx nx build project-api --watch