FEB:)DAIN

웹팩에서 파비콘 설정하기 본문

코딩/공부

웹팩에서 파비콘 설정하기

얌2 2023. 8. 16. 17:52
728x90

 

 

 

1. public 폴더 안에 favicon.ico (파비콘 파일) 넣기

❗만약 svg 파일을 ico 파일로 바꾸고 싶다면 https://convertio.co/kr/svg-ico/ 여기서 무료로 바꿀 수 있다.

 

 

// index.html
<head>   
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>

2. index.html 파일 헤드 태그 안에 link 태그로 파비콘 넣기 (생략 가능)
 

 

// webpack.config.js
new HtmlWebpackPlugin({
    template: './public/index.html',
    hash: true,
    favicon: './public/favicon.ico',
}),

3. webpack.config.js에 위 코드 추가

이렇게 하면 정상적으로 파비콘이 뜨는 걸 볼 수가 있다!

728x90

'코딩 > 공부' 카테고리의 다른 글

JavaScript Closure는 무엇일까?  (0) 2023.10.19
[우테코-FE] 성능 최적화하기  (0) 2023.09.03
Object.key/Entries/FromEntries 메서드 사용할 때도 타입이 잘 추론되게 할 수는 없을까?  (0) 2023.08.13
깃 커밋 메시지에 이슈 번호를 자동으로 입력할 순 없을까?  (2) 2023.07.04
'코딩/공부' Related Articles more