Наблюдатель за файлами WebStorm для компиляции SCSS с Dart - PullRequest
Новая
       84

Наблюдатель за файлами WebStorm для компиляции SCSS с Dart

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

Я обнаружил, что Sass переходит от компиляции с Ruby к Dart, как подсказывает их главная страница - https://sass -lang.com / . Я выполнил эти шаги, получил себе компилятор Dart и, действительно, я могу запустить команду, которую они предлагают - sass source/stylesheets/index.scss build/stylesheets/index.css и успешно скомпилировать мой SCSS в CSS.

Проблема, с которой я сталкиваюсь, заключается в том, что я пытаюсь сделать FileShercher WebStorm, чтобы сделать этот шаг для меня. Когда я настраиваю File Watcher, как показано на рисунке ниже:

Setup File Watcher with Dart

Затем при изменении моих файлов SCSS средство просмотра файлов действительно срабатывает, но говорит:

C: \ tools \ dart-sdk \ bin \ dart.exe --no-cache --update viewQuestions.scss: viewQuestions.css Нераспознанные флаги: кеш, обновление

Процесс завершен с кодом выхода 255

Я попытался удалить флаги, но это привело к большему количеству ошибок, поэтому я прекратил попытки. Затем я отказался от идеи сделать это с помощью Dart и заново сконфигурировал его с помощью Ruby, используя те же аргументы, что и на рисунке ниже, и который работал отлично.

Setup File Watcher with Ruby

Так что мой вопрос будет в том, что я делаю не так, просто Дарт нуждается в других аргументах или я упускаю что-то большее.

Ответы [ 4 ]

0 голосов
/ 18 апреля 2019

Добавление к правильному ответу: Для тех, кто является пользователями Mac и еще не понял этого, вот что сработало для меня:

  1. Установите dart sass Инструкции здесь (ПРИМЕЧАНИЕ: вы можете сначала удалить ruby ​​sass: sudo gem uninstall ruby)
  2. Убедитесь, что dart sass работает правильно: sass path_to_file/your_sass_file.scss path_to_file/your_output_file.css
  3. В параметрах средства просмотра файлов Webstorm установите ссылку "Программа"to: usr/local/bin/sass (это где sass был установлен по умолчанию для меня)
  4. Для «Аргументов» вы можете использовать: $FileName$ $FileNameWithoutExtension$.css (Аргумент --update также работает, но --cache argument не принимаетсяДартс Засс)
0 голосов
/ 11 мая 2018

Как предложил LazyOne, я нашел решение проблемы, выполнив следующие шаги:

1) Запустив команду "where sass", обнаружив, где находится sass.bat

2) Передача этого файла sass.bat в поле Program наблюдателей файлов WebStorm.Это было здесь C: \ ProgramData \ chocolatey \ lib \ sass \ tools \ sass.bat

3) Затем я последовал https://www.java.com/en/download/help/path.xml и добавил папку Dart bin из C: \ tools \ dart-sdk \ bin в Win10 PATH системная переменная окружения

4) Наконец, с небольшой настройкой обнаружил, что в поле Аргумент наблюдателя файластрока должна быть $ FileName $ $ FileNameWithoutExtension $ .css без символа ":" между ними, в отличие от Ruby

В конце концов это сработало для меня SCSS compiles successfully

0 голосов
/ 19 сентября 2018

Добавление к правильному ответу, удаление --no-cache в поле Аргумент работает для меня.

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

На самом деле вам не нужно загружать отдельный Dart SDK, поскольку его предоставляет установщик Sass.

Похоже, вы уже следовали инструкциям по установке и, вероятно, теперь у вас есть Sass дляWindows установлена ​​в c:\tools\dart-sass, поэтому теперь у вас есть файл с именем c:\tools\dart-sass\sass.bat

. Это то, что вы должны добавить в WebStorm в поле Tool to run on changes | Program (заменив строку c:\tools\ruby....bat).

...