React minimum environment

cmd.md

$ npm init
$ npm i --no-optional -D webpack webpack-cli typescript ts-loader
$ npm i -S react react-dom @types/react @types/react-dom

Add webpack config to scripts of package.json.

{
  "scripts": {
    "build": "webpack",
    "watch": "webpack -w"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "sourceMap": true,
    "target": "es5",
    "module": "es2015",
    "jsx": "react",
    "moduleResolution": "node",
    "lib": ["es2020", "dom"]
  }
}

webpack.config.js

const path = require("path");

module.exports = {
  mode: "development",
  entry: "./src/index.tsx",
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "bundle.js",
  },
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: "ts-loader",
      },
    ],
  },
  resolve: {
    extensions: [".ts", ".tsx", ".js", ".json"],
  },
};