@wxt-dev/unocss
v1.0.0
Published
UnoCSS integration for WXT
Downloads
115
Readme
WXT UnoCSS
Use UnoCSS in your WXT extension!
Usage
Install the package:
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
Add the module to wxt.config.ts
:
export default defineConfig({
modules: ['@wxt-dev/unocss'],
});
Now in your entrypoint, import UnoCSS:
import 'uno.css';
[!IMPORTANT] While in dev mode, you may see a warning about
uno.css
not being found. This is because in development, we don't know which files should be injected with UnoCSS styles. The warning can be safely ignored as the styles will be properly applied during the build process.
Configuration
The module can be configured via the unocss
config:
export default defineConfig({
modules: ['@wxt-dev/unocss'],
unocss: {
// Will only apply unocss for popup/main.ts
entrypoints: ['popup/main.ts'],
},
});
Options have JSDocs available in your editor, or you can read them in the source code: UnoCSSOptions
.