Grunt：Usemin 准备，cssmin 的选项

Question

我在我的 Grunt 文件中使用 usemin。

我想使用净化css。

但是，当运行 grunt 时我得到这个错误： Warning: Please check the validity of the CSS block starting from the line #1 Use --force to continue.

我认为这是因为 Font Awesome 是我项目中的第一个库，它具有以下 css header ： /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */

所以我想我应该使用参数：keepSpecialComments: 0 for cssmin.

我的问题是 usemin 准备任务正在执行 cssmin，我不知道如何添加这个参数。

有什么想法吗？

谢谢！

Answer 1

要在 cssmin 任务生成的配置中添加选项，您需要在 useminPrepare 中使用 flow 选项。

useminPrepare: {
  html: 'index.html',
  options: {
    flow: {
      steps: {
        css: ['cssmin']
      },
      post: {
        css: [{
          name: 'cssmin',
          createConfig: function (context, block) {
            var generated = context.options.generated;
            generated.options = {
              keepSpecialComments: 0
            };
          }
        }]
      }
    }
  }
}

Grunt：Usemin 准备，cssmin 的选项

Grunt : Usemin prepare, options for cssmin

gruntjs

grunt-usemin

grunt-contrib-cssmin