"Gulp-Sass" und "Sass" mit ES-Modul funktioniert nicht, wenn Sie versuchen, CSS von SCSS-Dateien zu erhalten ⇐ CSS

[Anonymous]

Ich verwende Gulp v5.0, um das CSS für meine Anwendung zu kompilieren, zu minifieren und zu reinigen. Ich habe in meinem Gulp -Setup von CommonJs zu ES -Modulen (ESM) migriert. Ich habe keine Berechtigungen, um diese Komponente zu ändern, daher muss ich damit arbeiten.

Code: Select all

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")));

imports-custom.scss:

Code: Select all

@use 'accordion';
< /code>
[b] Erwartete Ergebnisse: < /strong>
Die SCSS -Datei sollte erfolgreich kompiliert werden, wobei die Akkordeonkomponente aus der benutzerdefinierten Komponentenbibliothek gezogen wird. Aufgabe: < /p>
Error in plugin "sass"
Can't find stylesheet to import.
╷
1 │ @import 'accordion';
< /code>
Version verwendet in Projekt: < /p>
 "gulp": "^5.0.0",
"gulp-sass": "^6.0.0",
"sass": "^1.85.0",

Was ich ausprobiert habe: [/b]

Verifiziert, dass _accordion.scss in node_modulen/@dds/components/src/components/accordes/li>
verwendet werden, die in Gulp-Sass-Point-Sass-Point-DD-Komponenten in GULP-SASS-Komponenten/> verwendet werden. verzeichnis. und Hinzufügen der .Scss -Erweiterung. Spezifisches Problem mit Gulp-SASS in ESM-Setups, die dies verursachen könnten?>