从编译的 CSS 中删除所有注释 - Grunt答案

【问题标题】：Remove all comments from compiled CSS - Grunt从编译的 CSS 中删除所有注释 - Grunt
【发布时间】：2016-03-05 07:32:14
【问题描述】：

我多年来一直在前端开发，但我终于转向使用 Grunt 进行开发，并从 Prepros 和 Koala 等工具转移到我的 Sass 编译中。

我的主要问题是，如何强制我的 grunt 任务从我的 SASS 文件生成的已编译和缩小的 CSS 中删除所有 cmets？

目前我有以下 gruntfile.js 文件 sn-p 设置，但这只会删除单行 cmets。我希望我所有编译的 css 都在一个没有间距和 cmets 的大行中：

grunt.initConfig({
     pkg: grunt.file.readJSON('package.json'),
     sass: {
       dist:{
           files: {
                'css/main.css' : 'css/main.scss'
           },
           options: {
               style: 'compressed'
           }
       }
     }

})

任何帮助将不胜感激。

【问题讨论】：

使用 Sass 的“压缩”输出选项应该已经可以满足您的要求了。
它没有。它保留所有多行 cmets。我基本上想删除来自引导程序之类的库 cmets。

标签： javascript css sass gruntjs grunt-contrib-sass

【解决方案1】：

不确定 grunt-sass 插件能否完成这项工作，但grunt-contrib-cssmin 是的。

将keepSpecialComments 选项设置为0 以删除所有cmets。

来自cleancss 文档：

keepSpecialComments - * 保留所有（默认），1 仅保留第一个，0 删除所有

简单示例：

cssmin: {
  options: {
      keepSpecialComments: 0 
  },
  target: {
    files: {
      'output.css': ['foo.css', 'bar.css']
    }
  }
}

【讨论】：

在最新版本中已重命名为 specialComments