Grunt task to analyse css files and log simple metrics.
This plugin requires Grunt
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-css-metrics --save-dev
Supress any warnings thrown by other max count options.
Maximum CSS file size in bytes
Maximum number of selectors within CSS file. (Note: IE selector limit is 4096)
Basic example of a Grunt config containing the css-metrics task.
Running css-metrics against multiple CSS files. All the files specified in the
src array will be analyzed by css-metrics.
Example of using the options.
cssmetrics:dev:src:'test/*.min.css'options:quiet: falsemaxSelectors: 4096maxFileSize: 10240000
Example of using a glob pattern to target many files that should be analysed by css-metrics. The example below will analyse all the files in the
css directory that have an extension of