grunt-purifycss - Remove unused CSS with the grunt build tool

  •        57

In this example, the default options are to specify a target with src files, style files, and an output destination. The plugin will search for style selectors used in the source files, and then output a trimmed down style sheet. In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

https://github.com/purifycss/grunt-purifycss

Dependencies:

glob : ^5.0.10
purify-css : ^1.0.x

Tags
Implementation
License
Platform

   




Related Projects

purifycss-webpack - Remove unused CSS with webpack

  •    Javascript

PurifyCSS for Webpack. This plugin uses PurifyCSS to remove unused selectors from your CSS. You should use it with the extract-text-webpack-plugin.

purifycss - Remove unused CSS. Also works with single-page apps.

  •    Javascript

A function that takes content (HTML/JS/PHP/etc) and CSS, and returns only the used CSS. PurifyCSS does not modify the original CSS files. You can write to a new file, like minification. If your application is using a CSS framework, this is especially useful as many selectors are often unused. Array of glob file patterns to the files to search through for used classes (HTML, JS, PHP, ERB, Templates, anything that uses CSS selectors).

gulp-purifycss - Removed unused CSS with the gulp build tool

  •    Javascript

Removed unused CSS with the gulp build tool

deadweight - NOT MAINTAINED

  •    Ruby

This project is no longer maintained. I recommend that you use a different tool. I don't have a specific one to suggest, having never used any, but PurifyCSS and UnCSS both seem to be actively worked on. Deadweight is a CSS coverage tool. Given a set of stylesheets and a set of URLs, it determines which selectors are actually used and reports which can be "safely" deleted.

purgecss - Remove unused css

  •    Javascript

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 files with the one in your content files. It removes unused selectors from your css, resulting in smaller css files.


grunt-spritesmith - Grunt task for converting a set of images into a spritesheet and corresponding CSS variables

  •    Javascript

Grunt task for converting a set of images into a spritesheet and corresponding CSS variables. As of grunt-spritesmith@4.5.0, retina spritesheets/templates are supported. See the Retina parameters section for more information.

grunt-contrib-clean - Clear files and folders.

  •    Javascript

This plugin was designed to work with Grunt 0.4.x. If you're still using grunt v0.3.x it's strongly recommended that you upgrade, but in case you can't please use v0.3.2. Run this task with the grunt clean command.

grunt-uncss - :scissors: A grunt task for removing unused CSS from your projects.

  •    HTML

A grunt task for removing unused CSS from your projects with UnCSS. Issues with the output should be reported on the UnCSS issue tracker.

grunt-styleguide - Universal CSS styleguide generator for grunt

  •    HTML

If you are looking for a replacement and are using kss or styledocco see below. Universal CSS styleguide generator for grunt. Easily integrate Styledocco or KSS styleguide generation into your development workflow.

grunt-processhtml - Process html files at build time to modify them depending on the release environment

  •    Javascript

This is required. Types: js, css, remove, template, include or any html attribute if written like this: [href], [src], etc.

grunt-contrib-sass - Compile Sass to CSS.

  •    Javascript

Run this task with the grunt sass command. Sass is a preprocessor that adds nested rules, variables, mixins and functions, selector inheritance, and more to CSS. Sass files compile into well-formatted, standard CSS to use in your site or application.

grunt-webfont - SVG to webfont converter for Grunt

  •    Javascript

Generate custom icon webfonts from SVG files via Grunt. Inspired by Font Custom. This task will make all you need to use font-face icon on your website: font in all needed formats, CSS/Sass/Less/Stylus and HTML demo page.

grunt-contrib-compass - Compile Compass to CSS.

  •    Javascript

Run this task with the grunt compass command. Compass is an open-source authoring framework for the Sass css preprocessor. It helps you build stylesheets faster with a huge library of Sass mixins and functions, advanced tools for spriting, and workflow improvements including file based Sass configuration and a simple pattern for building and using Compass extensions.

grunt-contrib-cssmin - Compress CSS files.

  •    Javascript

Issues with the output should be reported on the clean-css issue tracker. Run this task with the grunt cssmin command.

grunt-contrib-less - Compile LESS files to CSS.

  •    Javascript

This plugin was designed to work with Grunt 0.4.x. If you're still using grunt v0.3.x it's strongly recommended that you upgrade, but in case you can't please use v0.3.2. Run this task with the grunt less command.

grunt-contrib-csslint - Lint CSS files.

  •    Javascript

Run this task with the grunt csslint command. Any specified option will be passed through directly to csslint, thus you can specify any option that csslint supports. The csslint API is a bit awkward: For each rule, a value of false ignores the rule, a value of 2 will set it to become an error. Otherwise all rules are considered warnings.

grunt-bower-concat - Bower components concatenator for Grunt

  •    Javascript

Automatic concatenation of installed Bower components (JS and/or CSS) in the right order. This plugin requires Grunt 0.4.

grunt-modernizr - Build out a lean, mean Modernizr machine.

  •    Javascript

A Grunt wrapper for Modernizr. When you're ready to build, grunt-modernizr will crawl your project for Modernizr test references and save out a minified, uglified, customized version using only the tests you've used in your JavaScript or (S)CSS.

grunt-autoprefixer - Parse CSS and add vendor-prefixed CSS properties using the Can I Use database

  •    Javascript

Autoprefixer parses CSS and adds vendor-prefixed CSS properties using the Can I Use database. In your project's Gruntfile, add a section named autoprefixer to the data object passed into grunt.initConfig().

grunt-usemin - [UNMAINTAINED] Replaces references to non-optimized scripts or stylesheets into a set of HTML files (or any templates/views)

  •    Javascript

Replaces references from non-optimized scripts, stylesheets and other assets to their optimized version within a set of HTML files (or any templates/views).3.1.0 has a breaking change with uglify step renamed to uglify to be consistent with grunt-contrib-uglify task which name is uglify (and not uglifyjs).





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.