WXT UnoCSS

在你的 WXT 扩展中使用 UnoCSS！

用法

安装依赖包：

npm i --save-dev @wxt-dev/unocss unocss
pnpm i -D @wxt-dev/unocss unocss
yarn add --dev @wxt-dev/unocss unocss
bun i -D @wxt-dev/unocss unocss

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

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

然后在你的入口文件中导入 UnoCSS：

import 'virtual:uno.css';

IMPORTANT

在开发模式下，你可能会看到关于找不到 uno.css 的警告。这是因为在开发环境中，我们无法确定哪些文件需要注入 UnoCSS 样式。该警告可以安全忽略，样式会在构建过程中正确应用。

配置

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

export default defineConfig({
  modules: ['@wxt-dev/unocss'],
  unocss: {
    // 排除 background 入口，不运行 UnoCSS
    excludeEntrypoints: ['background'],
  },
});

选项在编辑器中提供了 JSDocs 文档，你也可以在源码中查看：UnoCSSOptions。