Какой gulp плагин умеет встраивать в страницу инлайн стили только из определённого файла?

Question

[gassmonkey]

Какой gulp плагин умеет встраивать в html страницу инлайн стили только из определённого файла?
Несколько опробованных встраивают все подключенные на страницу стили.
В идеале нужен плагин с минимумом настроек, который берёт указанный файл css, и встраивает его стили в шапку указанной страницы.

Answer 1

[Сергей Протько]

gulp-inject

Comments

[gassmonkey]

Насколько я понял, он вставляет ссылку на файл, а мне нужно интегрировать содержимое.

[Сергей Протько]

gassmonkey: он может и содержимое вставлять, надо только предоставить функцию трансформер соответствующую:

https://github.com/klei/gulp-inject#injecting-file...

[Сергей Протько]

Александр А: мм... с plumber не дружит только тот плагин который умирает молча

[Сергей Протько]

Александр А: почему печалька? Все ж замечательно)

[Сергей Протько]

Александр А: ну тут разница в подходах. На inject вообще не нужно вешать пламбер так как там нечему ломаться при инкрементной сборке (используется декларативное обозначение мест вставки - не нашло - не вставило). На rigger нужно, так как мы там явно задаем что куда и кого, и можно сломать синтаксис. Ну и опять же тот факт что оно вместо того что бы заэмитить ошибку в стрим просто падает - это то же самое что упасть молча (мы же галпу не сказали что упали). Делайте ишус, поправьте если хотите. Мне лично такой подход и иньекцией асетов не нравится.

Answer 2

[fantazerno]

replace = require('gulp-replace')

var fs = require('fs');
var pls = '<link rel="stylesheet" href="wp-content/themes/dist/css/vendor.css">';
gulp.task('csspush', function(){
 return gulp.src('wp-content/themes/dist/header.php')
  .pipe(replace(pls,function(s) {
      var style = fs.readFileSync('./wp-content/themes/dist/css/vendor.css', 'utf8');
      return '<style>\n' + style + '\n</style>';
  }))
  .pipe(gulp.dest('wp-content/themes/dist/'));
});

на примере WP