Question

是否有任何grunt插件只是为了缩小内联css？我正在使用grunt-critical来注入内联css。是否有任何grunt插件来缩小1个文件夹中所有html文件的内联css？我尝试过grunt-htmlprocessor，它只是为了缩小html代码。

Answer 1

看一下这个：它会做同样的事情grunt-critical为你做的，但也会缩小CSS 之前粘贴内联，所以它会有效地完成你的任务希望它能做到：

https://github.com/chyingp/grunt-inline

<强> cssmin

如果cssmin指定为true，则.css将在内联之前缩小。

Answer 2

您可以编写一个正则表达式，删除style="和"之间的所有空格。这需要相当多的工作，但这是我目前唯一知道的解决方案。

Answer 3

试试吧！

用法：

cssmin: {
  target: {
    files: [{
      expand: true,
      cwd: 'public/css',
      src: ['*.css', '!*.min.css'],
      dest: 'public/css',
      ext: '.min.css'
    }]
  }
}

https://github.com/gruntjs/grunt-contrib-cssmin

Answer 4

Minify是一个默认设置为false的选项。您可以看到完整的选项列表here

// example from https://www.npmjs.com/package/grunt-critical

critical: {
    test: {
        options: {
            base: './',
            css: [
                'test/fixture/styles/main.css',
                'test/fixture/styles/bootstrap.css'
            ],
            minify:true,
            width: 320,
            height: 70
        },
        src: 'test/fixture/index.html',
        dest: 'test/generated/index-critical.html'
    }
}

Grunt缩小了内联css

4 个答案: