Skip to content

Implement the purge css to minimize the css and content with purge css

License

Notifications You must be signed in to change notification settings

siveing/next-purge-css

Repository files navigation

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Reference

Open https://purgecss.com/introduction.html

Open https://www.diffchecker.com/EFrFjgNy/ to see the diff between the purge css and no purge css. It about the remove the unused css and selector from css files.

To see it

npm run build
# or
yarn build
# or
pnpm build
# or
bun build

The compatible with PostCss plugin

And go to .next folder and go to static path *******.css how css generated to matched your used selector tag and class.

image

Example of Extractor

image

About

Implement the purge css to minimize the css and content with purge css

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published