Плагин Eclipse для автоматической компиляции файлов Sass

После множества попыток я обнаружил, что лучшим решением в Eclipse является определение простого Builder с помощью функции --update sass:

• В меню «Проект» выберите «Свойства» и выберите раздел «Строители».
• Создайте новый Builder и выберите «Программа» в качестве типа конфигурации.
• Выберите имя для вашей конфигурации запуска (SASS ?!).
• Вставьте путь к вашей установке sass в поле Location.
• Используйте $ {project_loc} в качестве рабочего каталога.
• В текстовое поле «Аргументы» вставьте параметры конфигурации, которые должен использовать sass, и в конце укажите параметр --update, за которым следует источник каталога файлов sass, за которым следует «:» и конечная папка для скомпилированных файлов css. В моей конфигурации «ресурсы» - это исходная папка, содержащая файлы .scss, а «сеть» - это конечный каталог, содержащий скомпилированные файлы .css. Команда --update проверит наличие изменений в исходной папке и во всех подпапках. Снимок экрана
• На вкладке «Параметры сборки» просто отметьте все параметры в разделе «Запустить построитель:». Вы также можете «Указать рабочий набор соответствующих ресурсов», чтобы запускать построитель только при сохранении файлов, содержащихся в выбранных папках. Снимок экрана
• Нажмите ОК, чтобы сохранить конфигурацию запуска.
• Теперь попробуйте изменить файл .scss в исходном каталоге, а затем сохраните его, вы увидите вывод интерфейса командной строки sass в окне консоли.

Интерфейс командной строки sass автоматически проверяет наличие измененных ресурсов внутри исходной папки (ресурсы в моей конфигурации) и компилирует их в папку назначения (сеть в моей конфигурации). Кроме того, все файлы .sass, которые @import изменяют ресурсы, будут скомпилированы.

есть переключатель watch для компилятора sass.
который перестраивает файл вывода (css) каждый раз при изменении источника (scss, sass).

Цитата из: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass

Использование Sass

Sass можно использовать тремя способами: как инструмент командной строки, как автономный модуль Ruby и как плагин для любой платформы с поддержкой Rack, включая Ruby on Rails и Merb. Первым шагом для всего этого является установка гема Sass:

gem install sass Если вы используете Windows, вам может потребоваться сначала установить Ruby.

Чтобы запустить Sass из командной строки, просто используйте

sass input.scss output.css Вы также можете указать Sass, чтобы он смотрел файл и обновлял CSS каждый раз, когда файл Sass изменяется:

sass --watch input.scss: output.css Если у вас есть каталог с большим количеством файлов Sass,
вы также можете указать Sass, чтобы он просматривал весь каталог:

sass --watch app / sass: public / stylesheets Используйте sass --help для получения полной документации.

Использовать Sass в коде Ruby очень просто. После установки Sass gem вы можете использовать его, запустив require "sass" и используя Sass :: Engine следующим образом:

engine = Sass :: Engine.new ("# main {background-color: # 0000ff}",: syntax =>: scss) engine.render # => "#main {background-color: # 0000ff;} \ n"

Есть гораздо более простое решение. Просто следуйте инструкциям по установке SASS из:

http://sass-lang.com/install

и вы заметите, что сначала вам нужно установить Ruby. После этого просто перейдите в папку, в которой находятся ваши файлы SCSS / CSS, запустите CMD и выполните эту команду DOS:

>cd <path-to-your-css-files>
>sass --watch .

Затем все, что вам нужно сделать, это связать ваши файлы SCSS, чтобы Eclipse распознал их как собственные файлы CSS. Следуйте этому решению:

https://stackoverflow.com/a/12322531/4180447

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

Примечание: я мог пропустить один или два шага. Это то, что я вспомнил после завершения установки. Если вы столкнулись с какой-либо проблемой, просто оставьте комментарий, и я постараюсь вам помочь.

Тарек