편집
1,319
번
바뀜
둘러보기로 가기
검색하러 가기
웹팩의 기본 개념=== Babel === 크로스 브라우징의 혼란을 해결해 줄 수 있는 것이 바벨이다. ECMAScript2015+로 작성한 코드를 모든 브라우져에서 동작하도록 호환성을 지켜준다. 타입스크립트, JSX처럼 다른 언어로 분류되는 것도 포함한다. 이렇게 변환하는 것을 “트랜스파일” 한다라고 표현한다. 바벨은 세 단계로 빌드를 진행한다. # 파싱(Parsing)# 변환(Transforming)# 출력 (Printing) 코드를 읽고 추상 구문 트리(AST)로 변환하는 단계를 “파싱”이라고 한다. 이것은 빌드 작업을 처리하기에 적합한 자료구조인데 컴파일러 이론에 사용되는 개념이다. 추상 구문 트리를 변경하는 것이 “변환” 단계이다. 실제로 코드를 변경하는 작업을 한다. 변경된 결과물을 “출력”하는 것을 마지막으로 바벨은 작업을 완료한다. === Lint ===
→학습내용
=== Webpack ===
[[분류:2020년]]
