пакетная компиляция файлов SCSS в CSS с помощью командной строки Windows - PullRequest
0 голосов
/ 01 мая 2018

Мне интересно, как пакетно скомпилировать файлы SCSS через командную строку Windows ... в более старой версии команда 'sass --watch scssFolder: CSSFolder' сделает эту работу, но она кажется устаревшей в новейшей версии SASS .

Ответы [ 2 ]

0 голосов
/ 01 мая 2018

Методы, которые вы использовали для модуля узла sass, в последней версии устарели, поэтому у вас есть две (и более) опции:

Вариант 1: использование node-sass

Это вариант с меньшими усилиями. У вас уже установлен Node.js (и npm), поэтому вы можете установить компилятор node-sass , работающий npm install -g node-sass. После завершения установки вы сможете просмотреть или скомпилировать всю папку (или один файл).

node-sass input.scss output.css скомпилирует один файл.

node-sass input/folder -o output/folder скомпилирует всю папку.

С помощью опции -w вы можете просмотреть папку:

node-sass -w input/folder -o output/folder будет просматривать папку и компилировать файлы в выходную папку.

Просто запустите node-sass --help для получения полного списка параметров.

Вариант 2: использование Ruby SASS

Вам необходимо установить Ruby и установить Sass Gem , запустив следующую командную строку gem install sass. После завершения установки вы сможете watch или update (скомпилировать) всю папку (или один файл).

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

Обе опции имеют одинаковый синтаксис командной строки:

sass --watch input/folder:output/folder
sass --watch input.scss:output.css

Итак, чтобы скомпилировать все файлы в папке:

sass --update path/to/input/folder:path/to/output/folder

И скомпилировать, а затем посмотреть папку:

sass --watch path/to/input/folder:path/to/output/folder

Просто запустите sass --help для получения полного списка опций.

Надеюсь, это поможет!

0 голосов
/ 01 мая 2018

sass watch на данный момент не реализованы в версии darts, для компиляции ваших файлов .scss вы можете использовать

sass filename.scss filename.css

Если вы хотите, вы все еще можете использовать версию ruby, но она скоро устареет.

...