프론트엔드 개발환경의 이해: webpack5

프론트엔드 개발환경의 이해 강의를 듣고 최신 스펙인 webpack5로 다시 환경설정을 해봤다. 1. NPM 1-2. 프로젝트 생성 vs code로 프로젝트 폴더를 열고 터미널을 이용해 프로젝트를 생성한다. $ npm init 옵션은 전부 엔터로 넘겨도 된다. 루트에 package.json 파일이 생성된다. 2. webpack5 2-1. webpack & webpack-cli 세팅 터미널을 이용해 webpack과 webpack-cli 패키지를 설치한다. $ npm i -D webpack webpack-cli 루트에 webpack.config.js 파일을 생성한 후 아래와 같이 세팅한다. webpack.config.js: const path = require('path'); const mode = proce..

2024.01.16

프론트엔드 개발환경의 이해: Babel

보호되어 있는 글입니다.

2024.01.07