2

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

我的主要问题是,如何强制我的 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'
           }
       }
     }

})

任何帮助将不胜感激。

4

1 回答 1

1

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

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

来自cleancss文档:

keepSpecialComments -*保留所有(默认),1仅保留第一个,0删除所有

简单的例子:

cssmin: {
  options: {
      keepSpecialComments: 0 
  },
  target: {
    files: {
      'output.css': ['foo.css', 'bar.css']
    }
  }
}
于 2015-12-01T13:38:37.303 回答