Minify CSS
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-contrib-cssmin --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-contrib-cssmin');
Issues with the output should be reported on the clean-css issue tracker.
Run this task with the grunt cssmin command.
Options are passed to clean-css. In addition this task defines some extra options:
Type: string
Choices: 'min', 'gzip'
Default: 'min'
Report minification result or both minification and gzip results.
This is useful to see exactly how well clean-css is performing but using 'gzip' will make the task take 5-10x longer to complete. Example output.
Type: boolean
Choices: true, false
Default: false
Enable Source Maps.
cssmin: {
options: {
mergeIntoShorthands: false,
roundingPrecision: -1
},
target: {
files: {
'output.css': ['foo.css', 'bar.css']
}
}
}
.min.css extensioncssmin: {
target: {
files: [{
expand: true,
cwd: 'release/css',
src: ['*.css', '!*.min.css'],
dest: 'release/css',
ext: '.min.css'
}]
}
}
relativeTo for clean-css v4.x.rebase option to false by default.sourceMap option.clean-css to 3.0.1. Remove banner option.false choice from report.report option (false by default).banner option. Support clean-css keepSpecialComments.this.files API.Task submitted by Tim Branyen
This is a generated file.
JavaScript
97.5%
CSS
2.5%
Minify CSS
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-contrib-cssmin --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-contrib-cssmin');
Issues with the output should be reported on the clean-css issue tracker.
Run this task with the grunt cssmin command.
Options are passed to clean-css. In addition this task defines some extra options:
Type: string
Choices: 'min', 'gzip'
Default: 'min'
Report minification result or both minification and gzip results.
This is useful to see exactly how well clean-css is performing but using 'gzip' will make the task take 5-10x longer to complete. Example output.
Type: boolean
Choices: true, false
Default: false
Enable Source Maps.
cssmin: {
options: {
mergeIntoShorthands: false,
roundingPrecision: -1
},
target: {
files: {
'output.css': ['foo.css', 'bar.css']
}
}
}
.min.css extensioncssmin: {
target: {
files: [{
expand: true,
cwd: 'release/css',
src: ['*.css', '!*.min.css'],
dest: 'release/css',
ext: '.min.css'
}]
}
}
relativeTo for clean-css v4.x.rebase option to false by default.sourceMap option.clean-css to 3.0.1. Remove banner option.false choice from report.report option (false by default).banner option. Support clean-css keepSpecialComments.this.files API.Task submitted by Tim Branyen
This is a generated file.
JavaScript
97.5%
CSS
2.5%