«Gulp-Sass» и «sass» с ES-модулем не работает, когда попытаться получить CSS из файлов SCSSCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 «Gulp-Sass» и «sass» с ES-модулем не работает, когда попытаться получить CSS из файлов SCSS

Сообщение Anonymous »

Я использую Gulp v5.0 для компиляции, министерства и очистки CSS для моего применения. Я мигрировал с модулей CommonJS в ES (ESM) в моей настройке Gulp. У меня нет разрешений на изменение этого компонента, поэтому мне нужно работать с ним как есть. < /P>
проблема: < /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")));
imports-custom.scss:
@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
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Использование Gulp для разделения файла SASS/CSS на несколько файлов CSS на основе медиа -запросов?
    Anonymous » » в форуме CSS
    0 Ответы
    23 Просмотры
    Последнее сообщение Anonymous
  • Как я могу «закончить» подачу gulp, если я не писал gulp?
    Anonymous » » в форуме Javascript
    0 Ответы
    34 Просмотры
    Последнее сообщение Anonymous
  • Много файлов SCSS/SASS в один файл CSS?
    Anonymous » » в форуме CSS
    0 Ответы
    18 Просмотры
    Последнее сообщение Anonymous
  • Вывод SASS из одного файла SASS в несколько файлов CSS
    Anonymous » » в форуме CSS
    0 Ответы
    53 Просмотры
    Последнее сообщение Anonymous
  • Игнорированный SCSS -импорт - один файл компонента (folders.scss) никогда не появляется в скомпилированном CSS
    Anonymous » » в форуме Html
    0 Ответы
    4 Просмотры
    Последнее сообщение Anonymous

Вернуться в «CSS»