如何在Stencil.js中替换默认favicon.ico图标？

• 绝对不要修改node_modules目录下的文件，依赖更新时你的修改会被直接覆盖，而且这种方式无法同步到其他开发环境。
• 在项目根目录的src文件夹下创建assets目录（不存在的话），将你的自定义favicon.ico放入该目录。
• 打开项目根目录的stencil.config.ts，添加copy配置，确保构建时将自定义图标复制到输出根目录：

import { Config } from '@stencil/core';

export const config: Config = {
  // 保留原有其他配置
  copy: [
    {
      src: 'assets/favicon.ico',
      dest: 'favicon.ico'
    }
  ]
};

• 重启开发服务器后，自定义图标会在开发环境生效；执行生产构建命令（如npm run build）后，产物中会包含你的自定义图标。
• 可选方案：直接在src/index.html里手动添加favicon的链接标签，明确指定图标路径：

<link rel="icon" href="/assets/favicon.ico" type="image/x-icon">

内容的提问来源于stack exchange，提问作者Mr Usher