웹개발 한 번 해보겠습니다..

Webpack에 대한 설정하기 webpack.config.js 라는 파일을 최상단에 생성해준다. path라는 모듈을 사용하여 절대 경로를 불러온다. __dirname 은 현재 위치이고, resolve() 를 사용하여 현재 위치 뒤에 / 를 붙여준다. const path = require('path'); console.log(__dirname); const pathTest = path.resolve(__dirname, 'abc'); console.log(pathTest); // /Users/kobyunghwa/fastcampus_webpack // /Users/kobyunghwa/fastcampus_webpack/abc webpack.config.js const path = r..

module entry : module의 의존 관계를 이해하기 위한 시작점을 설정 (복잡한 참조관계를 갖고 있는 module 중에서 어떤 module을 시작점으로 해야할지 Webpack에게 알려주는 것) module들의 의존성 그래프를 만들어 module들을 해석하고 bundling을 진행한다. 파일별로 쪼개진 module들의 내용을 bundle에 담는 과정이다. output : Webpack이 생성하는 bundle 파일에 대한 정보를 설정 Webpack 설치 package.json 파일을 먼저 생성해준다. npm init -y webpack-cli는 Webpack을 실행하는 명령어를 지원해주는 패키지이다. npm install webpack webpack-cli --save-dev 설치가 끝나면 /no..