반응형
이미지 가져오기
사이트: https://pixabay.com/
favico 이미지 만들기
사이트: Online ICO converter
다운받은 파일을 선택하고 옵션을 선택 후 저장한다.
프로젝트안에 이미지 파일을 넣어준다.
npm 프로젝트 실행 (favicon.ico 파일은 적용이 되지 않았다.)
plugin 설치
사이트: https://www.npmjs.com/package/parcel-plugin-static-files-copy
플러그인 설치: 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 |