https://github.com/twilight92/learn-webpack

[webpack] (완강) 캡틴판교의 프론트엔드 개발자를 위한 웹팩 학습내용 #인프런
https://github.com/twilight92/learn-webpack

nodejs vanillajs webpack

Last synced: 17 days ago
JSON representation

[webpack] (완강) 캡틴판교의 프론트엔드 개발자를 위한 웹팩 학습내용 #인프런

• Host: GitHub
• URL: https://github.com/twilight92/learn-webpack
• Owner: twilight92
• Created: 2024-08-14T14:03:59.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-25T10:08:12.000Z (4 months ago)
• Last Synced: 2024-10-31T11:06:07.418Z (2 months ago)
• Topics: nodejs, vanillajs, webpack
• Language: JavaScript
• Homepage:
• Size: 293 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 프론트엔드 개발자를 위한 웹팩

![image](https://github.com/user-attachments/assets/bd5316d6-06a5-4d7f-a55f-bdbe5113ced1)




프론트엔드 빌드 시스템의 핵심 NPM과 Webpack 학습





## Todo

- [x] NPM(Node Package Manager)

  - 초기화(init)

  - 설치(install/uninstall)/지역설치, 전역설치

  - dependencies와 devDependencies의 차이

- [x] 웹팩

  - 주요 속성

    - entry

    - output

    - loader

  - 웹팩 데브 서버

  - mode 적용

  - 설정 파일 적용

  - 변환 전후 결과 비교

  - 빌드 결과 파일 분석

- [x] 바벨과 ES6 모듈 문법

  - 문법/실습

  - 빌드 결과물 분석(sourcemap)




## What I Learned

- Front-End

- Webpack

- NPM

- 프론트엔드 빌드 시스템

- ES6 Import와 Export 문법