Как использовать SASS с NetBeans 8.0.1

Я пытаюсь использовать SASS в Netbeans 8.0.1. Я правильно настроил Ruby и SASS на основе отзывов от ruby -v.

У меня есть веб-приложение, настроенное с помощью css и scss-папок в Project\Web Pages\resources.

Мои ввод и вывод установлены на /scss и/css соответственно, и я проверил "Скомпилировать файл Sass при сохранении". Я создал файл styles.scss и добавил некоторые SASS/CSS.

Когда я сохраняю файл styles.scss, должен ли он генерировать файл styles.css? Ничего не происходит, когда я сохраняю или компилирую проект.

Кто-нибудь сталкивается с подобными проблемами или имеет предложения по отладке этой проблемы?

Спасибо заранее!

Ответ 1

Да, когда вы сохраняете файл, css должен быть создан/обновлен. Я думаю, что у вас неправильное сопоставление для каталогов ввода/вывода. Пути должны быть относительны к корню root/web сайта. Я точно не знаю, что такое ваш проект (HTML5 или PHP или Java Web или другое?), Но если у вас есть Java Web-проект, то пути должны быть

resources/scss -> resources/css

Ответ 2

Установка SASS на Windows10, Ruby2.2.3, Netbeans8

Загрузить SASS для Windows - RubyInstaller.org
Установите Ruby как:

Найдите окна для CMD (командная строка) и запустите его.
Откройте папку Ruby bin с помощью cd \Ruby\bin (нажмите Enter)
Установите sass с помощью команды gem install sass (нажмите Enter, чтобы установить)

Дождитесь окончания установки

В Netbeans открыт
Функции → Инструменты → Разное (HTML/JS в v8. 1+) → Вкладка CSS Preprocessors
Введите путь к установленному sass.bat C:\Ruby\bin\sass.bat нажмите " Установить Sass".
Подтвердите свои изменения, нажав Применить /OK

Используйте существующий или создайте новый проект (HTML5, PHP, что угодно...).
После создания проекта откройте окно "Проекты".
Щелкните правой кнопкой мыши свой проект и выберите> Свойства.
Во всплывающем окне "Свойства проекта" выберите "Препроцессоры CSS".
Выберите Compile SASS Files при сохранении.
(Если вы хотите, чтобы компилятор автоматически минимизировал ваш файл результатов .css, используйте --style compressed под --style compressed компилятора)

Вы можете видеть на изображении выше, что компилятор использует два пути к папкам Input (наблюдаемые)/Output (скомпилированные описания) по умолчанию.
Создайте папку scss (необязательно папку css) в вашем проекте.

Вы сделали!

Как только вы создадите новый файл .scss или сохраните его, Netbeans автоматически скомпилирует файл в .css в папке /css.

Ответ 3

Я нажимаю на Install Sass, но он перенаправляет на https://sass-lang.com/, он не устанавливает sass.bat в папку ruby