Укажите имена выходных файлов при просмотре всего каталога с помощью node-sass - PullRequest
Новая
       43

Укажите имена выходных файлов при просмотре всего каталога с помощью node-sass

6 голосов
/ 21 апреля 2020

В настоящее время я могу указать имена файлов при просмотре отдельных файлов S CSS, используя команду build-sass в моем пакете. json file:

"sass-build": "node-sass src/scss/main.scss dist/css/main.min.css --output-style compressed"

Однако мне нужно смотреть весь каталог, так как я создаю несколько файлов. Можно ли просматривать весь каталог с помощью node-sass и манипулировать именами отдельных файлов?

Мне нужно изменить следующие имена файлов:

main.scss --> main.min.css

other.scss --> other.min.css

Эти файлы находятся в одной и той же директории, поэтому мой скрипт сборки теперь выглядит следующим образом:

"sass-build": "node-sass src/scss -o dist/css --output-style compressed"

Есть ли аргумент, по которому я могу передать свой скрипт чтобы сделать это? Я не смог найти что-нибудь подходящее в документации.

Заранее спасибо.

Ответы [ 2 ]

3 голосов
/ 30 апреля 2020

Кажется, что нужная вам функция не существует как встроенная для node-sass cli.

Если вы работаете с bash, это может помочь вам.

find src/scss -name '*.scss' -exec sh -c 'node-sass $0 dist/css/$(basename $0 .scss).min.css --output-style compressed' {} \;

Как это работает

Этот скрипт выполняет получение относительного пути к каждому файлу в дереве папок, имя файла которого соответствует шаблону '* .s css ', и он выполняет для каждого пути команду node-sass специально для файла, определяя выходные данные, удаляя исходное расширение «.s css» и заменяя его расширением «.min. css», как вы wi sh.

Например, предположим, у вас есть в папке src/scss/ 1013 *

  • myfile1.s css
  • подпапка /
    • myfile2.s css

Это выполнит: 

node-sass src/scss/myfile1.scss dist/css/myfile1.min.css --output-style compressed 
node-sass src/scss/subfolder/myfile2.scss dist/css/myfile2.min.css --output-style compressed

Необязательно

Вы можете поместить этот скрипт в файл ./bin/scss-watcher.sh, сделайте его исполняемым и напрямую вызовите его, чтобы обернуть логи c. 

"sass-build" : "./bin/scss-watcher.sh"
0 голосов
/ 29 апреля 2020

Вы пытались использовать что-то вроде этого:

node-sass -rw src/scss -o dist/css --output-style compressed

Как я нашел ссылку на SO , и это может быть похоже на вашу проблему

Просмотр всех подкаталогов с помощью node-sass

...