Незаметный компилятор lesscss в eclipse pdt

Я хочу использовать меньший компилятор, такой как dotless, как eclipse builder. Если я установил вариант сборки "Запустить конструктор:" на "Во время автоматической сборки", каждые 5-10 секунд запускается строитель (это нормально), но он также просит меня сохранить вместо игнорирования несохраненных файлов.

В качестве обходного пути я активирую параметр рабочей области "Сохранить автоматически перед сборкой" и привязываю Ctrl + S к "build all"

Есть ли лучшее решение?

ОТВЕТЫ

Ответ 1

Чтобы автоматически перевести LESS в CSS в Eclipse, я объясню два возможных способа.

  • Использование плагина
  • Как это сделать вручную

(Я отредактировал это сообщение после того, как я написал плагин, так что ручной способ - это старый способ, что исходное сообщение содержалось за какое-то время, которое вы, возможно, видели здесь некоторое время назад)

Требования

Для любого решения вам необходимо установить node и lessc (менее компилятор).

Установка lessc через npm со следующими командами:

npm install -g less-compiler
npm install -g less

1. Установите плагин трансплантера Eclipse

Я написал плагин eclipse для обработки переполнения в eclipse. Просто установите его и следуйте инструкциям в файле readme, чтобы настроить трансляцию для вашего проекта.

- > https://github.com/gossi/eclipse-transpiler-plugin

2. Вручную установите конструктор

Я написал себе небольшую оболочку script, которая запускает lessc после каждого сохранения в .less файле. Однако eclipse сохраняет свою собственную среду, поэтому в eclipse нет переменных %PATH. Итак, вам нужен полный путь к команде lessc, которую вы можете найти с помощью which lessc:

$ which lessc
/usr/local/bin/lessc

Кроме того, поскольку lessc работает в среде node:

$ head -n1 /usr/local/bin/lessc
#!/usr/bin/env node

Вы не можете запустить это напрямую, потому что eclipse не знает о вашей среде. Вам нужно добавить команду node для достижения вызова lessc в eclipse:

$ which node
/usr/local/bin/node

Оболочка script с полным путем к lessc:

#!/bin/bash

/usr/local/bin/node /usr/local/bin/lessc css/*.less > css/*.css

Вы можете настроить источники ввода и вывода в соответствии с вашим проектом. Чтобы сделать этот запуск в eclipse, нам нужно заставить его работать как строитель. Вот вы:

  • Rightclick в вашем проекте > Свойствa > Строители.
  • Нажмите "Создать", выберите "Программа" и дайте ему классное имя.
  • Вкладка "Главная"
    • Местоположение: выберите оболочку script здесь
    • Рабочий каталог: я выбрал папку проекта
  • Вкладка "Обновить"
    • [x] Обновить ресурсы после завершения
    • [x] Конкретные ресурсы
    • Нажмите "Укажите ресурсы..."
    • Проверьте ресурсы, которые вы хотите обновить после компиляции, обычно файлы css
    • Рекурсивно включать подпапки зависит от вас и вашего проекта.
  • "Опции сборки"
    • [ ] Allocate Console (снимите флажок, мы хотим, чтобы он был тихим, включите его для отладки)
    • [x] Запуск в фоновом режиме
    • Запустить Builder
      • [ ] После "чистого"
      • [x] Во время ручной сборки
      • [x] Во время автоматической сборки
      • [ ] Во время "чистого"
    • [x] Укажите рабочий набор соответствующих ресурсов
    • Нажмите "Укажите ресурсы..."
    • Выберите ресурсы, которые вы хотите скомпилировать, как правило, ваши .less файлы. Примечание. Не выбирайте папку с файлами css здесь, которая обновляется после сборки, в любом случае ваше затмение может попасть в бесконечный цикл. Таким образом, файлов будет недостаточно.

Теперь откройте файл .less, внесите некоторые изменения и сохраните. Откройте скомпилированный файл .css - tada:)

Окна:

Я думаю, что это тоже будет работать с окнами, с соответствующим .bat файлом.

Удачи

Ответ 2

Вы можете использовать инструмент для просмотра ваших файлов LESS и компиляции при изменении: