Hot module reload (doesn't work due to webpack issues)

rafasofizada · Feb 10, 2021 · fda65ed · fda65ed
1 parent 5fd8d4c
commit fda65ed
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/src/main.ts b/src/main.ts
@@ -1,8 +1,17 @@
 import { NestFactory } from '@nestjs/core';
 import { AppModule } from './AppModule';
 
+// TODO(GLOBAL): https://github.com/microsoft/TypeScript/issues/2845
+
+declare const module: any;
+
 async function bootstrap() {
   const app = await NestFactory.create(AppModule);
   await app.listen(3000);
+
+  if (module.hot) {
+    module.hot.accept();
+    module.hot.dispose(() => app.close());
+  }
 }
 bootstrap();
diff --git a/webpack-hmr.config.js b/webpack-hmr.config.js
@@ -0,0 +1,22 @@
+const webpack = require('webpack');
+const nodeExternals = require('webpack-node-externals');
+const StartServerPlugin = require('start-server-webpack-plugin');
+
+module.exports = function(options) {
+  return {
+    ...options,
+    entry: ['webpack/hot/poll?100', options.entry],
+    watch: true,
+    externals: [
+      nodeExternals({
+        allowlist: ['webpack/hot/poll?100'],
+      }),
+    ],
+    plugins: [
+      ...options.plugins,
+      new webpack.HotModuleReplacementPlugin(),
+      new webpack.WatchIgnorePlugin([/\.js$/, /\.d\.ts$/]),
+      new StartServerPlugin({ name: options.output.filename }),
+    ],
+  };
+};