본문 바로가기
프론트엔드/Bundler

Parcel - 정적 파일 연결

by step 1 2021. 7. 5.
반응형

이미지 가져오기

사이트: https://pixabay.com/

favico 이미지 만들기

사이트: Online ICO converter

 

ICO Converter

Converts images to the ICO format for your websites or applications.

www.icoconverter.com

다운받은 파일을 선택하고 옵션을 선택 후 저장한다.

 

프로젝트안에 이미지 파일을 넣어준다.

npm 프로젝트 실행  (favicon.ico 파일은 적용이 되지 않았다.)

 

plugin 설치

사이트: https://www.npmjs.com/package/parcel-plugin-static-files-copy

 

parcel-plugin-static-files-copy

ParcelJS plugin to copy static files from static dir to bundle directory.

www.npmjs.com

플러그인 설치: npm install -D parcel-plugin-static-files-copy

 

package.json 파일에 추가

 

static 폴더를 만들어 주고 그안에 favicon 파일을 넣어준다.

npm을 실행해주면 dist 폴더안에 favicon 파일이 생성된다.

npm 프로젝트를 실행시키면 적용된것을 확인할 수 있다.

반응형

'프론트엔드 > Bundler' 카테고리의 다른 글

Parcel - CLI  (0) 2021.07.05
Pacel - Babel  (0) 2021.07.05
Parcel - autoprefixer  (0) 2021.07.05
Parcel 시작  (0) 2021.07.01
Bundler  (0) 2021.07.01