您可以在webpack配置文件中添加以下代码,以确保打包时将favicon图片引入:
var CopyWebpackPlugin = require('copy-webpack-plugin');
// ...
commConfig.plugins = commConfig.plugins.concat([
// ...
new CopyWebpackPlugin([
{ from: 'src/assets/favicon.png', to: 'assets/favicon.png' }
]),
]);
// ...
这样,当您进行打包操作时,Webpack会将src/assets/favicon.png复制到输出目录中,并在HTML模板中自动插入对应的链接标签。请确保路径和文件名与实际情况相匹配。
另外,您还需要将HTML模板(通常是index.html)中的favicon链接标签修改为:
<link rel="icon" href="/assets/favicon.png" type="image/png" />
<link rel="shortcut icon" href="/assets/favicon.png" type="image/png" />
这样,在用户访问网页时就能正确加载并显示favicon图标了。
内容由零声教学AI助手提供,问题来源于学员提问




