프로젝트 기록/러시아어 사전 및 검색 웹
개발 과정 리뷰 -5- Webpack 적용하기
#1 Webpack이란? 여러 프론트엔드를 이루는 파일들을 모아 컴파일해서 js, css 등등으로 변환하여 프로젝트에 적용해주는 프로그램. 압축, 최소화, 최적화 등의 처리를 해준다. #2 Webpack 설정 보통은 React 등 대부분 Frontend 라이브리러에 이미 적용되어 있어 직접 사용할 필요는 없지만, 이번에는 공부겸 강좌를 보며 직접 프로젝트에 적용해보려고 한다. npm i webpack --save-dev npm i webpack-cli --save-dev 개발자에게 도움을 주는 라이브러리이므로 devDependencies에 설치 이후 프로젝트 폴더에 webpack.config.js 파일을 만든다. 여기서 설정을 해주는데, 최신 자바스크립트 문법은 사용할 수 없음. 따라서 module.ex..
2023. 12. 9. 17:28