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