Как правильно настроить @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';
То модуль будет подключен два раза:
Это уже баг. Так как стили модуля подключаемые через @use могут быть подключены один раз. А тут два раза. Через glob и вручную. Что противоречит документации((
Как можно правильно настроить sass + @use + glob?