проблема: < /strong>
Я пытаюсь Для компиляции SCSS из пользовательского компонента с использованием Gulp-Sass и DART-SASS со следующей настройкой:
gulpfile.js >
Код: Выделить всё
import gulp from 'gulp';
import * as dartSass from 'sass';
import gulpSassModule from 'gulp-sass';
import path from 'path';
import concat from 'gulp-concat';
const sass = gulpSassModule(dartSass);
const ddsPathIncludes = [
path.resolve("node_modules/@CustomComponent/components/src/components/accordion")
];
let pipeline = gulp.src(bundle.inputFiles);
pipeline = pipeline
.pipe(sass({
includePaths: ddsPathIncludes
}).on("error", sass.logError))
.pipe(concat("abc.min.css"))
.pipe(gulp.dest(path.join(DIST_DIR, "css")));
@use 'accordion';
< /code>
ожидаемый результат: < /strong>
Файл SCSS должен успешно компилировать, втягивая компонент аккордеонов из пользовательской библиотеки компонентов.
Компилированный и Минифицированные CSS должны быть сохранены как Abc.min.css. Задача: < /p>
Error in plugin "sass"
Can't find stylesheet to import.
╷
1 │ @import 'accordion';
< /code>
Версия, используемая в проекте: < /p>
"gulp": "^5.0.0",
"gulp-sass": "^6.0.0",
"sass": "^1.85.0",
< /code>
Что я попробовал: < /strong> < /p>
Проверьте, что _accordion.scss существует в node_modules /@dds/components/src/components/accordion/. Этав каталог. и добавление расширения. < /strong> < /p>
Почему SASS не может разрешить @USE 'аккордеон, несмотря на установление правильных включений? < /li>
Является Есть какая-либо конкретная проблема с Gulp-SASS в настройках ESM, которая может вызвать это? /li>
< /ul>
Любая помощь будет высоко оценена! < /p>
Подробнее здесь: https://stackoverflow.com/questions/794 ... t-css-from