Remove comments using Grunt and grunt-contrib-cssmin

Question

I'm trying to remove all CSS comments using Grunt and grunt-contrib-cssmin, the CSS file is compiled and minified it has all comments.

Comments should be removed with the line: keepSpecialComments: 0

module.exports = function(grunt) {
  require('jit-grunt')(grunt);

  grunt.initConfig({
    less: {
        development: {
            options: {
               compress: true,
               yuicompress: true,
               optimization: 2
            },
            files: {
              "css/main.css": "less/bootstrap.less" // destination file and source file
            }
        }
    },
    watch: {
        styles: {
            files: ['less/**/*.less'], // which files to watch
            tasks: ['less'],
            options: {
              nospawn: true
            }
        },
    },
    cssmin: {
        options: {
            keepSpecialComments: 0
        }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.registerTask('default', ['less','cssmin', 'watch']);
};

You didn't provide any css file to `cssmin` configuration. Your css is minified only because your `less` config has option `compress: true`. — Rafal Lesniak, Oct 07 '15 at 16:31
Yes, thanks, I have found a solution with grunt-strip-css-comments, I'll post the solution — Augusto Triste, Oct 08 '15 at 10:26

score -1 · Answer 1 · answered Jan 05 '16 at 13:13

-1

Following the type of answer that the author provided, grunt-decomment would be a more generic solution, which can remove comments like // and /**/ from any file.

answered Jan 05 '16 at 13:13

vitaly-t

24,279
15
116
138

score -2 · Answer 2 · answered Oct 08 '15 at 10:31

Fixed - I have found a solution using grunt-strip-css-comments, it removes all comments after the file has been minified:

The corrected code below:

module.exports = function(grunt) {
  require('jit-grunt')(grunt);
  require('load-grunt-tasks')(grunt);

  grunt.initConfig({
    less: {
        development: {
            options: {
               compress: true,
               yuicompress: true,
               optimization: 2
            },
            files: {
              "public/library/css/bootstrap.min.css": "public/library/less/bootstrap.less"
            }
        }
    },
    watch: {
        styles: {
            files: ['public/library/less/**/*.less'],
            tasks: ['less', 'stripCssComments'],
            options: {
              nospawn: true,
              livereload: 1342
            }
        },
    },
    stripCssComments: {
        dist: {
            files: {
                'public/library/css/bootstrap.min.css': 'public/library/css/bootstrap.min.css'
            },
            options: {
                preserve: false
            }
        }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('default', ['less', 'stripCssComments', 'watch']);
};

Don't use Less `compress` option (it's deprecated and will be removed as incopatible with certain modern CSS features). (note also `yuicompress` and `optimization` options were removed years ago and do not have any effect in current Less versions). — seven-phases-max, Oct 08 '15 at 21:11

Remove comments using Grunt and grunt-contrib-cssmin

2 Answers2