在创建网站时，网站的图标常常是很重要的一部分。浏览器会在地址栏、书签和标签页中显示这个图标，以及当用户将网站固定到任务栏或启动屏幕等地方也会用到它。serve-favicon 是一个 Node.js 的包，可以帮助我们在 Express 应用程序中轻松添加图标。
1. 安装
使用以下命令安装 serve-favicon：
npm install serve-favicon
2. 添加 favicon
在 Express 应用程序中，添加 favicon 很简单。首先，在您的项目中的 public 目录下创建一个名为 favicon.ico 的文件。然后，在应用程序中使用以下代码行引入 serve-favicon 并指定 .ico 文件的路径：
var favicon = require('serve-favicon');
app.use(favicon(__dirname + '/public/favicon.ico'));__dirname 表示当前脚本所在的目录。
3. 示例代码
下面是一个完整的 Express 应用程序示例，其中包含了 serve-favicon 的使用。请注意，此示例假设您已经安装了 express 和 serve-favicon：
-- -------------------- ---- ------- --- ------- - ------------------- --- ------- - ------------------------- --- --- - ---------- -- -- ------- --- ------------------------- - ------------------------ -- -------- -------------------------------- - ------------ -- ---- ------------ ------------- ---- - --------------- --------- --- -- ------ ---------------- ---------- - ---------------------------------- ---
4. 总结
serve-favicon 是一个非常有用的 npm 包，它可以帮助我们在 Express 应用程序中添加图标。本文向您展示了如何安装和使用 serve-favicon，并提供了一个完整的示例代码。使用 serve-favicon，您可以轻松地为您的网站添加自定义图标，提高网站的专业性和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/53417