JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 7
  • Score
    100M100P100Q56428F
  • License ISC

package that removes all unused CSS classes and ids from a project

Package Exports

  • @josee9988/implode-css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@josee9988/implode-css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Implode-CSS πŸŒ‹πŸ’£

Npm CLI package that removes all unused CSS classes and ids from your project.


Goal of the package

Reduce useless/unused CSS selectors from a project in order to increase performance and readability.

If you create a project from scratch or use templates there is a high change of creating CSS selectors that you will finally not use and will be downloaded by the user and will make the page performance slower.

With implodeCss you will be able to detect and/or remove these unused CSS.


Installation

sudo npm install -g @josee9988/implode-css

How to use it

  • If you do not know how to use the package use:

    implodeCss -h # to show the manual
  • To be prompted by the package do not use arguments:

    implodeCss # it will guide you
  • Specify folder (actual / absolute path)

    implodeCss . # actual folder
    implodeCss /home/user/project # folder /home/user/project
  • Audit (detect but do not do any action):

    implodeCss . -a # audit actual package
  • Fix (remove all unused CSS selectors)

    implodeCss . -f # audit actual package
  • Ignore folders

    implodeCss . -a -i src,data  # audit actual package and do not look into folders: /src/, /data/
  • Specify port (default = 4949)

    implodeCss . -a -p 8080 # audit actual package and create the server on port 4949

Screenshots πŸ“Έ 😁

  • Auditing the code with implodeCss . -a
auditing code
  • Table with all the unused selectors
table with unused selectors
  • If you do not specify a folder...
folder not specified
  • If you do not specifiy the option to perform...
option not specified

⚠️Remember that this tool does not guarantee a 100% effectiveness and may have some issue at some point. Use it at your own risk and always do backups of your code.⚠️

Made with a lot of ❀️❀️ by @Josee9988