WXT 中文文档

Appearance

WXT Auto Icons ​

更新日志

功能特性 ​

  • 自动生成正确尺寸的扩展图标
  • 在开发环境中将图标变为灰度或添加可见的覆盖层
  • 支持 SVG 格式

使用方法 ​

安装依赖包：

sh
npm i --save-dev @wxt-dev/auto-icons
pnpm i -D @wxt-dev/auto-icons
yarn add --dev @wxt-dev/auto-icons
bun i -D @wxt-dev/auto-icons

在 wxt.config.ts 中添加模块：

ts
export default defineConfig({
  modules: ['@wxt-dev/auto-icons'],
});

最后，将基础图标保存到 <srcDir>/assets/icon.png。

配置 ​

该模块可以通过 autoIcons 配置项进行配置：

ts
export default defineConfig({
  modules: ['@wxt-dev/auto-icons'],
  autoIcons: {
    // ...
  },
});

配置选项在编辑器中提供了 JSDocs 文档，你也可以在源代码中查阅：AutoIconsOptions。