FRONT-END

 npx degit Parkstelth/webpack-test webpack-template-folder

npx degit = 현재 디렉토리에 다운명령

Parkstelth = git 사용자이름

webpack-test git에 저장된 프로젝트

webpack-template-folder 저장 생성할 폴더

버전관리식으로 다운받을때는 git clone 명령어 사용

 npm i -D @babel/core @babel/preset-env @babel/plugin-transform-runtime 설치

webpack 설치

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

webpack의 package.json - script 설정

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

#webpack.config.js 설정

entry는 진입점

output은 반환하는 설정

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

#정적 파일 favicon등 연결

npm i -D copy-webpack-plugin

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

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

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