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

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

В настоящее время я использую плагин Aptana для Eclipse, который дает мне отличную подсветку синтаксиса и позволяет мне вручную щелкнуть, чтобы скомпилировать *.scss файл в файл *.css. То, что я действительно хотел бы иметь, это заставить его автоматически компилировать каждый раз, когда я сохраняю, но я не могу понять, как это сделать.

Я знаю, что вы можете использовать sass --watch в командной строке, но я не хочу устанавливать это вручную каждый раз, когда открываю eclipse или создаю новый проект.

Кто-нибудь нашел хороший способ добиться этого? Должен быть способ подключиться к пакету Aptana Sass и запускать команду компиляции каждый раз, когда я сохраняю? В принятом ответе на этот вопрос предлагается использовать "Программист" - но действительно ли это лучшее решение? Если у кого-нибудь есть советы/ссылки на учебные пособия?

Обновление: я написал сообщение в блоге о том, как использовать ant script как создатель, но я все еще ищут лучший способ.

4b9b3361

Ответ 2

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

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

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

Ответ 3

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

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

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

Sass можно использовать тремя способами: как инструмент командной строки, как автономный Ruby-модуль и как плагин для любого включенного в стойку включая 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, вы можете использовать его, запустив требуемый "sass" и используя Sass:: Engine, например так:

engine = Sass:: Engine.new( "# main {background-color: # 0000ff}",: синтаксис = > : scss) engine.render # = > "#main {background-color: # 0000ff;}\n"

Ответ 4

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

http://sass-lang.com/install

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

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

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

fooobar.com/info/324213/...

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

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

Тарек