Question

我一直在前端开发多年，但我终于开始使用Grunt开发，并从我的Sass编译中移除了Prepros和Koala等工具。

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

目前我有以下gruntfile.js文件片段设置，但这只删除单行注释。我希望我编译的所有css都在一个没有间距且没有注释的大行中：

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

})

非常感谢任何帮助。

Answer 1

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

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

来自cleancss文档：

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

简单示例：

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

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

1 个答案: