Installations
npm install purgecss-webpack-pluginDeveloper
Developer Guide
Module System
CommonJS
Min. Node Version
Typescript Support
Yes
Node Version
20.11.0
NPM Version
lerna/8.1.8/node@v20.11.0+arm64 (darwin)
Statistics
7,802 Stars
1,502 Commits
248 Forks
55 Watching
8 Branches
76 Contributors
Updated on 25 Nov 2024
Languages
TypeScript (81.35%)
CSS (12.04%)
JavaScript (4.45%)
HTML (2.16%)
Total Downloads
Cumulative downloads
Total Downloads
18,194,614
Last day
12.7%
13,155
Compared to previous day
Last week
2.8%
62,887
Compared to previous week
Last month
15.5%
263,885
Compared to previous month
Last year
-14.5%
3,082,359
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
1
Dev Dependencies
3
PurgeCSS
What is PurgeCSS?
When you are building a website, chances are that you are using a css framework like Bootstrap, Materializecss, Foundation, etc... But you will only use a small set of the framework and a lot of unused css styles will be included.
This is where PurgeCSS comes into play. PurgeCSS analyzes your content and your css files. Then it matches the selectors used in your css files with the ones in your content files. It removes unused selectors from your css, resulting in smaller css files.
Sponsors 🥰
Documentation
You can find the PurgeCSS documentation on this website.
Table of Contents
PurgeCSS
Plugins
Guides
Getting Started
Installation
1npm install purgecss --save-dev
Usage
1import { PurgeCSS } from "purgecss"; 2const purgeCSSResults = await new PurgeCSS().purge({ 3 content: ["**/*.html"], 4 css: ["**/*.css"], 5});
Packages
This repository is a monorepo that we manage using Lerna. That means that we actually publish several packages to npm from the same codebase, including:
| Package | Version | Description |
|---|---|---|
| purgecss |  | The core of PurgeCSS |
| postcss-purgecss |  | PostCSS plugin for PurgeCSS |
| purgecss-webpack-plugin |  | Webpack plugin for PurgeCSS |
| gulp-purgecss |  | Gulp plugin for PurgeCSS |
| grunt-purgecss |  | Grunt plugin for PurgeCSS |
| rollup-plugin-purgecss |  | Rollup plugin for PurgeCSS |
| purgecss-from-html |  | Html extractor for PurgeCSS |
| purgecss-from-pug |  | Pug extractor for PurgeCSS |
| purgecss-with-wordpress |  | Collection of safelist items for WordPress |
| vue-cli-plugin-purgecss |  | Vue CLI Plugin for PurgeCSS |
No vulnerabilities found.
Reason
30 commit(s) and 6 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
security policy file detected
Details
- Info: security policy file detected: SECURITY.md:1
- Info: Found linked content: SECURITY.md:1
- Info: Found disclosure, vulnerability, and/or timelines in security policy: SECURITY.md:1
- Info: Found text in security policy: SECURITY.md:1
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
SAST tool is run on all commits
Details
- Info: all commits (17) are checked with a SAST tool
Reason
1 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-7q7g-4xm8-89cq
Reason
Found 0/13 approved changesets -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/build-and-test.yml:1
- Warn: no topLevel permission defined: .github/workflows/stale-issues.yml:1
- Info: no jobLevel write permissions found
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build-and-test.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/FullHuman/purgecss/build-and-test.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build-and-test.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/FullHuman/purgecss/build-and-test.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/build-and-test.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/FullHuman/purgecss/build-and-test.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/stale-issues.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/FullHuman/purgecss/stale-issues.yml/main?enable=pin
- Warn: npmCommand not pinned by hash: .github/workflows/build-and-test.yml:21
- Warn: npmCommand not pinned by hash: .github/workflows/build-and-test.yml:22
- Info: 0 out of 3 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 1 third-party GitHubAction dependencies pinned
- Info: 0 out of 2 npmCommand dependencies pinned
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Score
6.1
/10
Last Scanned on 2024-11-25
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn MoreOther packages similar to purgecss-webpack-plugin
@fullhuman/postcss-purgecss
PostCSS plugin for PurgeCSS
purgecss
Remove unused css selectors
gatsby-plugin-purgecss
Gatsby plugin for purgecss. Removes unused css/sass/less/stylus from files and modules. Supports Tailwindcss, Bootstrap, Bulma etc.
purgecss-whitelister
A utility for creating whitelists of CSS selectors for use with Purgecss.