Búsqueda de sitios web

javascript - ¿Cómo configurar el HMR de Webpack en un proyecto NestJS en un monorepo Nx?


Estoy intentando habilitar Webpack HMR en una aplicación de NestJS en un monorepo de Nx

El espacio de trabajo nx con la aplicación nestjs se puede encontrar en el repositorio aquí. Fue creado siguiendo la documentación oficial.

Los documentos de HMR de Webpack en Nestjs están aquí

Habilité con éxito Webpack HMR en una aplicación nestjs sin monorepo nx siguiendo la documentación anterior.

¿Cómo configurar HMR de Webpack en un proyecto NestJS en un monorepo Nx?

No dude en pedir más detalles sobre la pregunta si es necesario

Respuesta #1

🔥[correo electrónico protegido]🔥

yarn add [email 

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"

correr

npx nx build project-api --watch

Artículos relacionados