@WebNerd
It's time to hunt

Как с помощью gulp автоматически задавать пути к SASS файлам?

Есть классический документ style.scss с:
// NORMALIZE
@import '~normalize.css/normalize';

// VARIABLE
@import 'base/variable';

//MIXINS
@import 'config/mixins';

//FONTS 
@import 'base/fonts';


Мне нужно, чтобы когда я создавал новый .scss файл, чтобы gulp автоматически прописывал в style.scss: ""@import 'blocks/новый созданный scss файл"". Как это автоматиизировать с помощью gulp? В галпе у меня обработка scss файлов происходит следующим образом:
import dartSass from 'sass';
import gulpSass from 'gulp-sass';

import cleanCss from 'gulp-clean-css';
import webpcss from 'gulp-webpcss';
import autoprefixer from 'gulp-autoprefixer';
import groupCssMediaQueries from 'gulp-group-css-media-queries';
import tildeImporter from 'node-sass-tilde-importer';

const sass = gulpSass(dartSass);

export function scss() {
    return app.gulp.src(app.path.src.scss, { sourcemaps: true })
        .pipe(app.plugins.plumber(
            app.plugins.notify.onError({
                title: "SCSS",
                message: "Error: <%= error.message %>"
            })))
        .pipe(sass({
            outputStyle: 'expanded',
            importer: tildeImporter
        }))
        .pipe(app.plugins.replace(/@img\//g, '../img/'))
        .pipe(groupCssMediaQueries())
        .pipe(webpcss({
            webpClass: '.webp',
            noWebpClass: '.no-webp',
        }))
        .pipe(autoprefixer({
            grid: true,
            overrideBrowserslist: ["last 5 versions"],
            cascade: true,
        }))
        .pipe(app.gulp.dest(app.path.build.css))
        .pipe(cleanCss())
        .pipe(app.plugins.rename({
            extname: ".min.css"
        }))
        .pipe(app.gulp.dest(app.path.build.css))
        .pipe(app.plugins.sync.stream());
}
  • Вопрос задан
  • 118 просмотров
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
В этом направлении поищите https://yandex.ru/search/?text=sass+import+glob&lr...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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