（Vue.js项目）Webpack在构建时不会将favicon图像保存到静态文件夹

Question

我有Webpack的默认Vue项目

vue init webpack my-project

我已将 favicon.png 放入src/assets（与我的所有其他图片一样），并在 index.html 中指定：

<link rel="icon" type="image/png" href="/src/assets/favicon.png"/>

但在我运行npm run build后，我在静态文件夹中看不到图标

来自github的解决方案：

github上的

This answer建议我必须这样做：

在webpack.config。*。js文件

中

new HtmlWebpackPlugin({   
    favicon: 'src/images/favicon.ico'

我应该怎么做？为什么webpack在没有你搞乱配置的情况下保存一个favicon是如此困难？

Answer 1

默认情况下，favicon文件位于static/img/icons目录中。您可以使用自己的文件更改这些文件。如果更改文件名或扩展名，则还应在index.html中更改相应的文件名。