xandeadx.ru Блог музицирующего веб-девелопера

CSS → Компиляция SASS/SCSS в PhpStorm с помощью Dart Sass

Опубликовано

С недавних пор Dart Sass стал основным компилятором SASS/SCSS файлов, а остальные реализации, вроде популярного libsass, стали deprecated. Поэтому самое время переходить на Dart.

Процесс интеграции PhpStorm с Dart Sass:

1. Либо скачиваем бинарник компилятора с гитхаба (есть как под Linux, так и под Windows), либо ставим его с помощью npm:

npm install -g sass

Версия с гитхаба у меня работает заметно быстрее, поэтому пользуюсь ей.

2. В настройках PhpStorm добавляем новый file watcher из шаблона:

3. В настройках file watcher-а прописываем:

Profit.

Написанное актуально для PhpStorm 2020.3
Похожие записи

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании