Компиляция часов S CSS Много-к-одному CSS

Question

Я пытаюсь найти способ скомпилировать несколько файлов s css в один файл css.

скрипты в пакете. json с использованием node-sass

Лучшее, что я нашел на данный момент: sass --watch .assets/css/scss/:assets/css

Проблема в том, что он создает один Файл css для каждого файла s css плюс файл карты css. Ранее я работал без часов node-sass --include-path scss .assets/css/scss/style.scss assets/css/style.css, но мне приходилось запускать команду при каждом сохранении.

Использование sass --watch .assets/css/scss/style.scss:assets/css/style.css со стилем.s css примерно так:

@import 'test1.scss'; @import 'test2.scss'

не работает, но консоль говорит:

Скомпилированный стиль. css для стиля. css. Скомпилированный test1.s css to test1. css

Я что-то упустил?

РЕДАКТИРОВАТЬ: по некоторым причинам запуск только sass без узла в подсистеме linux вызывает синий экран. Использование node-sass --watch ./assets/css/scss/style.scss:assets/css/style.css или node-sass --watch ./assets/css/scss:assets/css возвращает ошибку npm: код ELIFECYCLE errno 1

Answer 1

Я пробовал разные решения, и единственное, что мне помогло, это то, что я хотел: Использование узла sass watch с npm

Убрал зависимости и каталог потому что мне нужно записать только один файл.

нужно запустить этот файл, чтобы он работал

"css-watch: node-sass --include-path scss ./assets/css/scss/style.scss -w /assets/css/style.css"

, включая файлы в стиле. css без _ в имени работает нормально с простым импортом и обнаруживает все обновления в импортированных файлах.

Answer 2

Все ваши SASS-части должны быть переименованы, чтобы начать с символа подчеркивания: _.

Из руководства SASS :

Частичное это файл Sass с именем, начинающимся с подчеркивания. Вы можете назвать это как _partial.s css. Подчеркивание позволяет Sass знать, что файл является только частичным файлом и что его не следует создавать в файле CSS.

Вы можете продолжить импортировать частичные файлы в основные стили. css подайте файл тем же способом, используя их обычные имена и пропуская символ подчеркивания. Вы также можете опустить '.s css', если хотите. Чтобы следовать новой версии синтаксиса SASS, вы должны использовать @use - для импорта частичных файлов SASS в виде модуля , а не @import.

Затем вы просто переносите этот основной файл сборки и должно работать нормально.