Node.js

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

katiyeva

6 / 6 / 1

Регистрация: 04.02.2021

Сообщений: 128

Gulp-sass-glob, Как сделать отдельные файлы при import

30.05.2022, 22:35. Показов 382. Ответов 0

Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам

Есть сборка gulp плагины sass, gulp-sass-glob, все работает, но все файлы собираются в один.

gulpfile.js

Javascript

...
const sassGlob = require('gulp-sass-glob'); 
...
const scss = () => {
    return src('./src/sass/*.{scss,sass}')
        .pipe(sassGlob())
        .pipe(sass())
        .pipe(dest('./public/css'))
}

Код

папка sass
    папка block
        reset.sass
        header.sass
        intro.sass
    main.sass

main.sass

CSS

1
2
3

@import block/reset
@import block/header
@import block/intro

Весь sass код собирается в один css файл main.css. Работает.

----------------------------------------------------

Можно ли сделать, чтобы main.css, становился таким

CSS

1
2
3

@import "/block/reset.css" 
@import "/block/header.css" 
@import "/block/intro.css"

соответсвенно, создавались отдельные reset, header, intro,.. файлы.

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

30.05.2022, 22:35

Ответы с готовыми решениями:

Gulp-sass выдает ошибку, когда применяются изменения в @import-файлах
Здравствуйте, у меня возникла такая проблема, что когда я импортирую файлы в основной файл sass, а...

Как проиндексировать и зафиксировать файлы gulp-sass в git?
Привет! Не могу проиндексировать свой проект в системе git. Ругается на gulp-sass. The file...

Неполадки с GULP. Error: watching app/sass/*.sass: watch task has to be a function
Подскажите, в чём дело? Запускаю данный код, выдает такую ошибку: PS D:\Web...

Gulp.js Подключаю SASS к проекту, все работает хорошо, SASS компилится в CSS, НО не релоодится.
Не пойму в чем ошибка. подключаю sass к проекту, все работает хорошо, sass компилится в css, НО не...

Как осуществлять поддержку сайта на Wordpress (Gulp + Sass)
Добрый день, меня часто просят что-то подправить на сайтах на движке Wordpress. Так как я ещё не...

	30.05.2022, 22:35

IT_Exp

Эксперт

87844 / 49110 / 22898

Регистрация: 17.06.2006

Сообщений: 92,604

30.05.2022, 22:35

Помогаю со студенческими работами здесь

Как в Visual Studio Code настроит Live Sass compiler чтобы все файлы sass компилировались в один главный css
Добрый день у меня возник вопрос, я раньше пользовался Sublime + gulp. И там работало у меня по...

Gulp 4 при компиляции создает в папке sass папку css c файлом style.min.css. Что не так?
var gulp = require('gulp'); var browserSync = require('browser-sync'); var sass ...

Редактирование Gulp-Sass
Всем привет, меня зовут Олег, я начинающий программист, я не знал куда создать тему и создал тут в...

Gulp 4 + Sass ошибка
Здравствуйте, собственно столкнулся с ошибкой Task function must be specified. Погуглив понял,что у...

Не работает gulp (sass)
Всем привет!) Ребят, у кого была похожая проблема, поделитесь, пожалуйста опытом Правила форума...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Наверх