Как содержимое css засунуть в html?

Question

Адель Халитов @SaveLolliPoP

1 / 0 = ∞

Gulp.js

Как содержимое css засунуть в html?

Интересует возможно ли именно содержимое, если да то каким образом?

Вопрос задан более трёх лет назад
133 просмотра

Комментировать

Подписаться 1 Оценить Комментировать

Помогут разобраться в теме Все курсы

Нетология

1C-программист: расширенный курс

18 месяцев

Далее
Академия Эдюсон

Python-разработчик

9 месяцев

Далее
ProductStar × РБК

Профессия: Инженер по информационной безопасности

9 месяцев

Далее

Решения вопроса 1

4 комментария

Адель Халитов @SaveLolliPoP Автор вопроса

А можно подробнее пожалуйста

Написано более трёх лет назад

Андрей Б. @andykov

На примере модуля gulp-file-include

gulp.task('insert:css', function() {
	return gulp.src(['html/index.html']) // находим нужный файл или файлы
	.pipe(fileinclude({
		prefix: '@@', // ищем в них эти префиксы
		basepath: '@file' // и указанные файлы
	}))
	.pipe(gulp.dest('dist/html'))
})

<!DOCTYPE html>
<html>
<head>
	<title>My index</title>
	<style>
		@@include('../dist/css/main.css')
	</style>
</head>
<body>
	
</body>
</html>

В описании модуля есть примеры

Написано более трёх лет назад

Андрей Б. @andykov

gulp.task("insert:css", function() {
  return gulp.src(['html/index.html'])
    .pipe(include())
    .pipe(gulp.dest("dist/html"));
});

<!DOCTYPE html>
<html>
<head>
	<title>My index</title>
</head>
<body>
	<style>
		/*=include ../dist/css/main.css */
	</style>
</body>
</html>

Написано более трёх лет назад

Андрей Б. @andykov

Последнее на примере gulp-inlude

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

WordPress

+2 ещё

Простой
Как настроить docker для wordpress и gulp?
- 1 подписчик
- 27 дек. 2025
- 231 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Как использовать js плагин mysql в сборке gulp?
- 1 подписчик
- 20 июн. 2025
- 187 просмотров
1

ответ
Gulp.js

Простой
Предупреждение «DeprecationWarning: The `util.isArray` API is deprecated. Please use `Array.isArray()` instead» как исправить?
- 1 подписчик
- более года назад
- 184 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Подключаю air-datepicker, автоматически меняется JS (пропадает средство выбора даты AirDatepicker), как поправить?
- 2 подписчика
- более года назад
- 90 просмотров
0

ответов
Gulp.js

Простой
Gulp livereload не перезагружает браузер, как исправить?
- 1 подписчик
- более года назад
- 72 просмотра
1

ответ
Gulp.js

Простой
Gulp сборка, изображения при автоматическом переносе в dist не читабельные, как исправить?
- 1 подписчик
- более года назад
- 150 просмотров
1

ответ
CSS

+2 ещё

Простой
Как корректно настроить Gulp + Sass?
- 1 подписчик
- более года назад
- 888 просмотров
2

ответа
Gulp.js

Средний
Как сделать чтобы gulp не ломал картинки любого формата при сжатии?
- 1 подписчик
- более года назад
- 174 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Не обновляется styles в сборке gulp?
- 2 подписчика
- более года назад
- 147 просмотров
1

ответ
Gulp.js

Простой
Did you forget to signal async completion? gulpv5 выдает ошибку, почему?
- 1 подписчик
- более года назад
- 80 просмотров
2

ответа
Показать ещё Загружается…

Специалист тех поддержки (английский язык, смены с 16:00 до 00:00 Мск)

ТехСофт

от 50 000 ₽

Разработчик WebRTC-сервисов на Go в видеоплатформу

Яндекс • Москва

от 300 000 до 490 000 ₽

Account Manager / Project manager

MakeDifference

от 70 000 до 110 000 ₽

Answer 1 · 2017-04-03 10:00:18

Андрей Б. @andykov

Shit happens

gulp-file-include, gulp-include ...

Ответ написан более трёх лет назад

4 комментария

Как содержимое css засунуть в html?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт