중요한 babel과 webpack 설정하기

npm i -D webpack
webpack-cli
@babel/core
babel-loader
@babel/preset-env
@babel/preset-react
@babel/preset-typescript
@types/webpack
@types/node
fork-ts-checker-webpack-plugin
npm i style-loader
css-loader
ts-node

웹팩 데브 서버 셋업
npm i -D webpack-dev-server
@types/webpack-dev-server

npm i @pmmmwh/react-refresh-webpack-plugin
react-refresh

//tsconfig-for-webpack-config.json
{
  "compilerOptions": {
    "module": "commonjs",
    "moduleResolution": "Node",
    "target": "es5",
    "esModuleInterop": true
  }
}

웹팩을 시작하기에 앞서 설치해야 할 목록이다.