Typescript 파일을 Javascript 파일로 자동 컴파일하고 Nodejs 서버를 자동으로 실행하는 방법

내가 TypeScript를 사용하기 시작했을 때 내가 직면한 첫 번째 문제 중 하나는 노드 서버를 실행하기 전에 내 TypeScript 파일을 javascript로 빌드/컴파일해야 한다는 것이었습니다.

따라서 컴파일하려면 다음을 실행합니다.

npm run build

노드 서버를 실행하기 위해 다음을 발행합니다.

node index.js

자동으로 작업을 수행하려면 nodemon과 같은 패키지를 사용하여 .js 서버 파일에 대한 변경 사항을 볼 수 있다는 것을 알고 있으므로 패키지를 설치한 다음 내 package.json 파일에서 다음과 같이 스크립트 개체를 설정합니다.

  "scripts": {
    "build": "tsc -p .",
    "start": "node index.js",
    "dev": "nodemon index.ts"
    
  }

빌드 속성 값은 npm run build를 실행할 때 실행되는 것입니다.

start 속성 값은 npm run start를 실행할 때 실행되는 것입니다. 개발자에게 대답할 수 있습니다.

이제 TypeScript 파일에 변경 사항을 적용하고 저장할 때마다 자동으로 TypeScript를 javascript로 빌드하려면 두 가지 방법이 있습니다.

빌드 스크립트에 -w 플래그를 추가합니다.

주석 처리를 제거한 다음 tsconfig.json 파일의 compilerOptions 개체에서 watch 속성을 true로 설정합니다.

감시 플래그 -w 사용

이 둘 중 하나는 TypeScript 파일에 저장된 변경 사항을 계속 감시하여 자동으로 컴파일합니다.

시계를 true로 설정

따라서 한 터미널에서 npm run build를 실행한 다음 다른 터미널을 열고 npm run dev를 실행합니다.

npm run dev를 실행하면 서버가 실행되고 dev 스크립트에 첨부된 파일 이름에 따라 달라집니다. 반대로 npm 실행 시작의 경우. 여기서 npm run dev를 실행하면 서버가 index.ts에서 실행됩니다.

typescript에서 javascript로의 컴파일은 watch 플래그, -w 또는 tsconfig.json 파일에서 true로 설정하기 때문에 자동으로 발생합니다.

nodemon을 사용하여 처리하기 때문에 서버가 자동으로 다시 시작됩니다.

단지 다른 터미널.

또한 다음 팁을 고려하십시오.

Nodejs 서버가 javascript 파일에서 실행됨

typescript에 대한 변경 사항이 저장되고 javascript로 컴파일/빌드됨

자동으로 빌드해야 합니다

.

서버를 자동으로 시작해야 합니다

.



복사하여 붙여넣기하는 형제,

압드와합

나에게 트윗