Node.js - 개발 서버 실행과 빌드

·2023년 1월 6일

JS

목록 보기
18/18
post-thumbnail

package.json

Untitled

  • scripts 안에 “dev” : “parcel index.html” 입력 후
  • 터미널에서 npm run dev 실행
  • http://localhost:1234 접속

ex) lodash 모듈 사용법

Untitled

dev ↔ build 차이점

Untitled

  • dev → local환경에서 개발용 서버를 열어서 브라우저에서 확인
  • build → 실제로 사용자들이 보는 용도의 결과물이 출력된다.(dist 폴더)

번들(bundler)

  • 프로젝트 개발에 사용한 여러 모듈(패키지)을 하나로 묶어내는 작업을 말한다.

npm run build → dist 폴더 생성

💡 코드 **난독화**는 작성된 코드를 읽기 어렵게 만드는 작업을 뜻함 빌드된 결과(제품)는 브라우저에서 해석되는 용도로, 용량을 축소하고 읽기 어렵게 만드는 등의 최적화를 거치는 것이 좋다.
profile
기억하기 위해 기록하는 블로그 :)

0개의 댓글