Dev/Webpack
Source Edit History
给项目添加 icon
文章目录
点击这里访问站长的博客

给项目添加 icon

首先在项目的 HTML 里面添加一段:

1
2
3
4
5
6
<head>
  <meta charset="utf-8">
  <title>Project Mozart</title>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>

然后修改 webpack.config.js :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const HtmlWebpackPlugin = require('html-webpack-plugin');

plugins: [

  ...

  new HtmlWebpackPlugin({
    template: 'src/index.html',
    favicon: './favicon.ico'
  }),

  ...

],

对应的 icon 文件需要放在 html 同一个路径