본문 바로가기 메뉴 바로가기

Yuniverse

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Yuniverse

검색하기 폼
  • 분류 전체보기 (164)
    • 꼬리에 꼬리를 무는 공부 (4)
      • Front-end (4)
      • Back-end (0)
      • CS (0)
    • 우리FISA (26)
    • JS-algorithm (62)
      • 프로그래머스 (38)
      • BOJ (14)
      • JS 100제 (10)
    • HTML & CSS (5)
      • Tailwind CSS (0)
    • JS (12)
      • Javascript (8)
      • Node.js (4)
    • React (8)
    • TypeScript (7)
    • Java (4)
    • 유데미 프로젝트 캠프 (20)
      • 학습일지 (13)
      • 과제 (7)
    • Bundler (9)
      • Parcel (4)
      • Webpack (5)
    • Cloud (3)
      • Firebase (3)
    • 배포 (1)
    • Git (3)
  • 방명록

webpack-cli (1)
Webpack으로 개발 서버 열고 정적 파일 연결하기 🌝

🌓 Webpack의 장점과 단점 장점 : 매우 꼼꼼한 구성 옵션을 설정할 수 있으며 중/대형 사이즈의 규모있는 프로젝트에 적합하다. 단점 : 디테일한 옵션까지 제공하다보니 확인해야 할 요소가 많다. 🌕 Webpack으로 프로젝트 구성하기 1. 터미널에 npm init -y 입력 2. 터미널에 npm i -D webpack webpack-cli webpack-dev-server@next 입력 parcel은 cli가 자동화되어 있었지만 webpack은 그렇지 않기 때문에 webpack-cli를 설치해줘야 한다. 또한 개발 서버를 열고 수정사항이 바로바로 반영될 수 있게 하기 위해 webpack-dev-server를 설치한다. dev-server는 cli와 버전 일치를 위해 뒤에 @next까지 붙여준다. 3...

Bundler/Webpack 2022. 11. 30. 19:48
이전 1 다음
이전 다음

Blog is powered by Tistory / Designed by Tistory

티스토리툴바