@wakenbyWork

Как связать в gulp scss + glob + @use?

Как правильно настроить @use glob?

Сейчас настроил так:

const { src, dest } = require('gulp')
const sass = require('gulp-sass')(require('sass'))
const globImporter = require('node-sass-glob-importer')

const sassOptions = {
  importer: [
    globImporter()
  ]
}

module.exports = function styles () {
  return src('./src/styles/styles.scss')
    .pipe(sass(sassOptions))
    .pipe(dest('./dist/css'))
}


@use './draft/*.scss' as *; - работает, подключает все модули по регулярному выражение.

Но есть один косяк, если прописать чуть ниже этого выражение, точечное подключение scss модуля из той папки:

@use './draft/*.scss' as *;
@use './draft/card.scss';


То модуль будет подключен два раза:

62b332f4590c0868681894.png

Это уже баг. Так как стили модуля подключаемые через @use могут быть подключены один раз. А тут два раза. Через glob и вручную. Что противоречит документации((

Как можно правильно настроить sass + @use + glob?
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы