Node-sass компилирует файлы scss в подпапку

Я хочу выводить скомпилированные файлы css в подкаталогах относительно того, где были найдены исходные файлы scss. Я использую cli node-sass,

(технически я использую node-sass-chokidar, но это не должно иметь значения, это просто оболочка для node-sass).

например

code/
  dir1/
    style.scss
    css/
      style.css
  dir2/
    anotherstyle.scss
    css/
      anotherstyle.css

Для работы мне нужно что-то вроде этого: node-sass code/* -o code/*/css/, но это не работает: p.

Мне также нужно будет иметь возможность просматривать файлы на предмет изменений, поэтому предлагаемый ответ должен иметь это в виду. например цикл по каждому файлу по отдельности был бы несовместимым решением, потому что я не смог бы использовать флаг node-sass --watch.

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
814
1

Ответы 1

В вашей команде вы должны оставить тег -o и добавить -w для просмотра функций.

Так что вам стоит попробовать что-то вроде этого node-sass -w code/source code/destination

Если вы не можете использовать флаг -w, вы можете использовать средство выполнения задач, например Gulp, которое сделает то, что вы пытаетесь сделать.

Моя самая большая проблема не в том, чтобы понять, как заставить node-sass просматривать файлы, мне удавалось успешно это делать в прошлом. Моя самая большая проблема - выяснить, как поместить файлы назначения в подкаталог. Итак, последняя команда, которую я ищу, я полагаю, будет что-то вроде node-sass code/* -o ???, я просто не уверен, что вставить ??? чтобы заставить его работать. После того, как я получу эту работу, я легко смогу подключиться к части --watch, когда мне нужно.

Scotty Jamison 21.08.2018 01:31

Вам стоит заменить ??? с желаемым подкаталогом, начиная с каталога package.json.

Samuel Roberto 21.08.2018 01:35

Итак, что бы вы использовали для примера структуры папок, который я привел выше? Поскольку в этой структуре папок будет более одного подкаталога вывода: code / dir1 / css и code / dir2 / css, в зависимости от того, где был найден файл scss. (Можно сказать, что родительский каталог кода содержит package.json)

Scotty Jamison 21.08.2018 01:37

Другие вопросы по теме