webpack

webpack 설치

npm i -D webpack webpack-cli webpack-dev-server@next

 

 

 

 

webpack의 package.json - script 설정

 

#webpack은 parcel과 다르게 별도의 설정파일이 필요하다.

webpack.comfig.js를 생성해야한다.

#webpack.config.js 설정

entry는 진입점

output은 반환하는 설정

path는 반환할 경로로 노드.js 환경이니 require로 path를 불러와 path변수로 만든다.

webpack.config.js 설정 dist라는 폴더에 main.js라는 파일을 만든다.

 

#정적 파일 favicon등 연결

npm i -D copy-webpack-plugin

webpack config 설정

 

#main.js로 css바로연결하기

main.js 에 선언 import '../css/main.css'

npm i -D css-loader style-loader 로 두개 설치

webpack config 설정