NestJs配置热重载给你的NestJs程序提提速

我叫汪枫

已于 2024-07-10 23:22:24 修改

阅读量629

点赞数 7

文章标签： nestjs

于 2024-03-13 20:59:35 首次发布

本文链接：https://blog.csdn.net/weixin_47121832/article/details/136691434

版权

给你的NestJs程序提提速

你每次写完你的程序nestjs都会重启你的Node进程，那么当你的nest项目变得越来越大的时候，就会发现你的项目编译速度越来越慢！

怎么解决？加入webpack热重载

原文链接：

https://docs.nestjs.com/recipes/hot-reload

我的配置以及配置过程中的避坑指南：

第一步：安装

npm i --save-dev webpack-node-externals run-script-webpack-plugin webpack

第二步：创建文件以及配置写入配置文件

在你的根目录下创建一个webpack-hmr.config.js文件

在该文件中写入如下内容：

/* eslint-disable*/
const nodeExternals = require('webpack-node-externals');
const { RunScriptWebpackPlugin } = require('run-script-webpack-plugin');

module.exports = function (options, webpack) {
  return {
    ...options,
    entry: ['webpack/hot/poll?100', options.entry],
    externals: [
      nodeExternals({
        allowlist: ['webpack/hot/poll?100'],
      }),
    ],
    plugins: [
      ...options.plugins,
      new webpack.HotModuleReplacementPlugin(),
      new webpack.WatchIgnorePlugin({
        paths: [/\.js$/, /\.d\.ts$/],
      }),
      new RunScriptWebpackPlugin({
        name: options.output.filename,
        autoRestart: false,
      }),
    ],
  };
};

第三步在你的main.ts中写入如下内容

import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';
async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  app.setGlobalPrefix('api/v1'); //添加接口前缀
  await app.listen(3000);
  //这里
  if (module.hot) {
    module.hot.accept();
    module.hot.dispose(() => app.close());
  }
  //上面
}
bootstrap();