Typescript + webpack（带热重载）+ NodeJS

使用Typescript和Webpack搭配NodeJS开发，可以为我们提供更高效、可靠的开发环境。同时，通过添加热重载功能，我们可以在开发过程中实时预览和调试代码的变化，大大提高了开发效率。

json
{
  "name": "typescript-webpack-nodejs",
  "version": "1.0.0",
  "scripts": {
    "start": "webpack-dev-server --open",
    "build": "webpack"
  },
  "devDependencies": {
    "typescript": "^4.4.3",
    "webpack": "^5.64.4",
    "webpack-cli": "^4.9.1",
    "webpack-dev-server": "^4.6.0"
  }
}

javascript
const path = require('path');
module.exports = {
  mode: 'development',
  entry: './src/index.ts',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
    ],
  },
  resolve: {
    extensions: ['.ts', '.js'],
  },
};

typescript
class Greeting {
  message: string;
  constructor(message: string) {
    this.message = message;
  }
  greet() {
    console.log(this.message);
  }
}
const greeting = new Greeting('Hello, TypeScript!');
greeting.greet();