rockettttman

  • 홈
  • 태그
  • 방명록

webpack 1

Webpack과 babel의 간단한 설명

Webpack 먼저 웹팩(Webpack)은 위의 그림과 같이 프로젝트에 사용되고 의존성이 있는 모든 모듈과 정적 파일들(js, css, image 등)을 번들링하여 하나의 정적인 파일로 변환시켜주는 것을 말한다. js들을 한데 묶어 하나의 자바스크립트 파일로 생성하여 성능을 최적화하고 요즘에 사용되는 다수의 style파일 형식(scss, sass등)도 하나의 css파일로 생성하여 묶어준다. Babel 인터넷이 나온지 오래됨에 따라 브라우저는 종류도 다양해지고 버전도 다양해졌다. 때문에 각자의 컴퓨터에서 사용하는 브라우저는 천차만별이고 해당 브라우저에 따라 스크립트의 기능이 동작할 수도 있고 하지 못할수도 있다. 이 때문에 바벨이 탄생하였으며 바벨은 ES6이상(ESNext)의 js파일 들을 오래된 브라우저..

Web/frontend 2021.08.26
이전
1
다음

  • 분류 전체보기 (53)
    • Mobile (4)
      • react-native (2)
      • Flutter (1)
      • iOS (1)
    • Web (25)
      • spring (0)
      • javascript (15)
      • css (2)
      • react (1)
      • frontend (2)
      • vue (5)
    • java (3)
    • python (1)
    • DB (1)
    • Network (1)
    • Linux (1)
    • 개발상식 (11)
    • 알고리즘 (2)
    • git (4)

Tag

Setup, 비구조화, attrr, JavaScript, async/await, webpack, Algorithm, redux, hoisting, vue3, priority queue, router-link, React, ReactNative, breadth-first search, Vue, map, git, moking test, ducks pattern,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.