개발서버1 webpack 학습해서 JavaScript 프로젝트에 적용하기 (+개발서버 설정) webpack 5 기준으로 학습, 적용한 포스팅입니다. webpack 공식문서를 읽고, 간단한 예제를 따라해본 뒤 제 Vanilla JavaScript 프로젝트에 적용해보도록 하겠습니다. 0. webpack 모던 js 어플리케이션을 위한 static module bundler 원리: entry point에서 시작해 내부적으로 dependency graph를 만들고, 이를 파악해 필요한 내용만 가져와서 하나의 번들을 만든다. - dependency graph: 애플리케이션의 모든 모듈 간의 의존관계를 나타냄 1. webpack setting 1) 필요한 모듈 다운 webpack, webpack-cli 2) 디렉토리 구조 설정 - dist, src 폴더 만들기 - dist 폴더 안에 index.html 생성.. 2023. 6. 9. 이전 1 다음
