ts + webpack 세팅 간소화 안내

안녕하세요.

이제 cross-env NODE_ENV=production TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" webpack같은 복잡한 명령어로 실행하지 않으셔도 됩니다.

tsconfig-for-webpack.json도 tsconfig.json에 하나로 합쳐졌습니다. 이 파일은 지우시고 tsconfig.json에 ts-node 속성 추가하시면 됩니다.

{
  "compilerOptions": {
    ...
  },
  "ts-node": {
    "compilerOptions": {
      "module": "commonjs",
      "moduleResolution": "Node",
      "target": "es5",
      "esModuleInterop": true
    }
  }
}

그러면 실행 명령어가 npx webpack으로 줄어듭니다. 최종적인 명령어는

"dev": "webpack serve --env development",
"build": "cross-env NODE_ENV=production webpack",

가 됩니다.

아, 추가로 ts-node는 10버전, webpack-dev-server도 4버전 쓰셔야 에러가 없습니다.

위 변경 사항은 setting/ts 폴더에 다 적용되어 있으니 여기서부터 시작하세요! 영상도 1-3부분 수정했습니다.