[TS] MERN에서 TS 사용하기

typeScript

1. CRA 세팅하기 (npx)

npx create-react-app your-app-name --template typescript

 

2. Express에서 세팅하기

- 설치하기

npm init -y

npm install typescript express ts-node @types/node @types/express --save

 

- 세팅하기

npx tsc --init //tsconfig.json 생성

 

- tsconfig.json 설정하기

{
  "compilerOptions": {
    "module": "commonjs",
    "esModuleInterop": true,
    "target": "es6",
    "moduleResolution": "node",
    "sourceMap": true,
    "outDir": "dist",
    "baseUrl": ".",
    "paths": {
      "*": ["node_modules/*"]
    }
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

 

- package.json 파일에서 script 라인 추가해주기

"scripts": {
  "start": "ts-node src/index.ts",
  "build": "tsc",
  "serve": "node dist/index.js"
}

 

끝!