CSS предварительных процессоры в NetBeans

Question

Допустим, у меня есть этот проект HTML5 на NetBeans 7.4

myproject <---project folder 
    | 
    |-- public_html <---web root (the only visible in Projects tab) 
    |  | 
    |  |-- css 
    |   |-- style.css 
    | 
    |-- scss 
     |-- file1.scss 
     |-- file2.scss 
     |-- more 
       |-- file3.scss 

Я хочу настроить NetBeans таким образом, что, когда я сохраняю любого из file1.scss, file2. и СКС file3.scss, он собирает все эти файлы в style.css, предпочтительно минимизирован ...

возможно ли это? Если да, то что я должен писать в свойствах проекта (см. Изображение)?

ПРИМЕЧАНИЕ: SASS правильно установлен и настроен NetBeans

Answer 1

У меня обычно есть main.scss файл, который я импортировать все другие файлы CSS, которые получают предварительно обработанных. Это фактически не помещает все в один файл, но позволяет включать только один файл в заголовке.

/* Import Media Queries and Print Styles */ 

@import "base.css"; 
@import "device.css"; 
@import "print.css"; 
@import "site.css"; 
@import "mq.css"; 
@import "grid.css"; 
@import "utils.css"; 

Затем, с моей головы html, я включаю файл main.css, содержащий все, что мне нужно.

<!-- CSS --> 
<link rel="stylesheet" href="css/main/main.css"> 

Что касается минимизированного предпочтения, это часть настройки препроцессоров. Обычно при их настройке из командной строки, команда часы будет иметь флаг стиля, как так, который minifies в CSS:

sass --watch style.scss:style.css --style compressed 

В изображении, есть поле, называемое Compiler Options, это поле должно быть использовано, чтобы добавить флаги к вашему препроцессору, например, в вашем случае, вы должны добавить --style compressed в это поле.

Пример:

Использование --style compressed для вывода уменьшенной CSS. Также доступны: --style compact & --style expanded.

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