프론트엔드/bundler (2) 썸네일형 리스트형 webpack bundler Webpack Bundler 매우 꼼꼼한 구성으로, 중/대형 프로젝트에 적합합니다. 프로젝트 생성 terminal --> npm init -y 명령 실행 terminal --> npm i -D webpack webpack-cli webpack-dev-server@next 명령 실행 package.json 파일에 "scripts" 부분 기존 내용 지우고, "dev": "webpack-dev-server --mode development", "build": "webpack --mode production" 작성 webpack.config.js 파일 새로 생성한 후, 필요한 옵션 작성 terminal --> npm run dev 명령 실행 webpack.config.js 파일은 꼼꼼하게 관리해주는 역할을 합니.. parcel bundler 번들러 개요 기본적으로 우리는 HTML, CSS, JS를 사용해서 웹페이지를 만들 수 있습니다. 하지만 이 3개만 갖고 작업할 때는 비효율적인 부분이 존재합니다. 그래서 우리는 Sass, vue등을 사용해서 좀 더 쉽게 작업하려고 합니다. Sass, vue 같은 경우 웹에서 바로 작동 안 됩니다. 번들러를 통해 웹에서 동작시킬 수 있는 형태로 바꿔줍니다. 그렇다고 해서 bundler이 자동 변환해주지 않습니다. sass패키지를 통해 변환해주는 겁니다. 여러 패키지들을 일일히 제어하기 복잡해서 bundler가 대신 해주는 겁니다. Parcel Bundler 구성 없는 단순한 자동 번들링, 소/중형 프로젝트에 적합 프로젝트 생성 terminal --> npm init -y 명령 실행 terminal --> .. 이전 1 다음
