npm init -y, parcel-bundler 기초 개념 정리

⭐️ npm init -y란?

 npm이란

npm(Node Package Manager)은 JavaScript 패키지 관리자입니다.

Node.js 환경에서 다양한 패키지를 설치하고 관리할 수 있습니다.

npm init -y 사용법

프로젝트를 시작할 때 package.json 파일을 생성해야 합니다. npm init 명령어를 사용하면 프로젝트의 설정 정보를 입력받아 package.json을 생성할 수 있습니다.

설정 입력을 건너뛰고 기본값으로 빠르게 생성하려면 -y 옵션을 사용합니다.

npm init -y

/*실행결과 예시*/
{
  "name": "js-test",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {},
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": "",
  "devDependencies": {
    "parcel-bundler": "^1.12.5"
  }
}

 

⭐️ parcel-bundler란?

번들러란

번들러(Bundler)는 여러 개의 JS, CSS, 이미지 등의 파일을 하나로 묶어주는 도구입니다. 대표적으로 Webpack, Parcel, Vite 등이 있습니다.

Parcel의 특징

• 설정 없이 사용 가능 (Zero Configuration)
• 빠른 빌드 속도
• 개발 서버 내장 (parcel index.html)

Parcel 설치 및 사용법

/*설치*/
npm install parcel-bundler -D

/*package.json 설정*/
"scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html"
  },

/*실행*/
npm run dev

 

터미널에 아래와 같이 뜨면 , 해당 url로 확인이 가능합니다.

 

⭐️ 정리

• npm init -y는 package.json을 빠르게 생성하는 명령어입니다.
• parcel-bundler는 설정 없이 쉽게 사용할 수 있는 프론트엔드 번들러입니다.
• npm run dev로 개발 서버를 실행하고, npm run build로 번들링할 수 있습니다.