The plugin for Zuby.js that will analyze your application using PurgeCSS and remove unused CSS to keep your application as small as possible.
First, install the @zubyjs/purgecss
package using your favorite package manager.
If you aren't sure, you can use npm:
npm install @zubyjs/purgecss
Then add the @zubyjs/purgecss
plugin to your zuby.config.mjs
file under the plugins
option:
import { defineConfig } from 'zuby';
import preact from '@zubyjs/preact';
+ import purgecss from '@zubyjs/purgecss';
export default defineConfig({
outDir: '.zuby',
jsx: preact(),
+ plugins: [
+ purgecss()
+ ]
^^^^^^^^
});
And that's it! You are ready to use all the power of PurgeCSS in your application.
NOTE: Always make sure that all zuby packages are in sync in your package.json
file:
{
"name": "my-zuby-app",
"version": "1.0.0",
"dependencies": {
"zuby": "latest",
"@zubyjs/purgecss": "latest"
}
}
This package is part of Zuby.js workspace and maintained by the team behind the Zuby package. Please refer to it for more details how to contribute.
This plugin is port of astro-purgecss package for Zuby.js Plugin API.
MIT