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
