Grunt minify inline css

Question

Есть ли какой-нибудь плагин grunt для минимизации встроенного css? Я использую grunt-critical для инъекции inline css. Есть ли какой-либо плагин grunt для минимизации встроенного css всех html-файлов в 1 папке? Я пробовал grunt-htmlпроцессор, и он делает это только для того, чтобы минимизировать html-код.

Answer 1

Minify вариант, который установлен в ложь по умолчанию. Вы можете просмотреть полный список опционов 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' 
    } 
} 

Answer 2

Взгляните на это: он сделает то же самое, что и для вас, а также минимизирует CSS до, вставляя его в линию, чтобы он эффективно выполнял задачу, которую вы хотите выполнить :

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

cssmin

Если cssmin назначен верно, .css будет минимизирован до того встраиваемыми.

Answer 3

Вы могли бы написать регулярное выражение, которое удаляет все пробелы между style=" и ". Это потребует значительного количества работы, но это единственное решение, о котором я знаю в настоящее время.

Answer 4

Попробуйте!

Использование:

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