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

CSS → Компиляция SASS/SCSS в PhpStorm на Windows с помощью node-sass

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

Настройка PhpStorm для автоматической компиляции SASS/SCSS файлов с помощью node.js модуля node-sass:

1. Ставим node-sass:

npm install node-sass -g

2. Открываем настройки PhpStorm, переходим в Tools -> File Watchers и добавляем новый ватчер из темплейта SASS или SCSS:

3. Заполняем поля:
Program = full\path\to\node-sass.cmd
Arguments = --source-map-embed $FileName$
Create output file from stdout = true

Если нужно указать css файлам отдельную директорию, то прописываем в Output paths to refresh нужный путь, а в Arguments добавляем опцию --source-map-root=..., в которой указываем путь к папке с sass файлами, относительно css. Пример, когда sass файлы хранятся в папке scss, а css файлы создаются на уровень выше:

Документация по параметрам node-sass.cmd.

Похожие записи

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

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

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