NetBeans中的CSS预处理器

NetBeans中的CSS预处理器,netbeans,sass,netbeans-7,css-preprocessor,Netbeans,Sass,Netbeans 7,Css Preprocessor,假设我在NetBeans 7.4上有一个HTML5项目 myproject <---project folder | |-- public_html <---web root (the only visible in Projects tab) | | | |-- css | |-- style.css | |-- scss |-- file1.scss |-- file2.scss

假设我在NetBeans 7.4上有一个HTML5项目

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

myproject我通常有一个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">
在您的图像中,有一个名为
编译器选项
的字段,该字段应用于向预处理器添加任何标志,例如,在您的示例中,您将向该字段添加
--style compressed

例如:

使用
--style compressed
缩小css输出。还提供了
--样式压缩
--样式扩展


我希望这会有所帮助。

我通常有一个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">
在您的图像中,有一个名为
编译器选项
的字段,该字段应用于向预处理器添加任何标志,例如,在您的示例中,您将向该字段添加
--style compressed

例如:

使用
--style compressed
缩小css输出。还提供了
--样式压缩
--样式扩展


我希望这能有所帮助。

好的,假设我的项目中的file1.scss用于导入所有其他.scss文件,如您所说。。。无论如何,我应该在项目属性中放置什么(参见我问题中的图片)?@MikO,我已经为您编辑了我的答案,并确认这是您应该放置这些标志的地方。谢谢Shannon,但除了压缩内容,我需要知道在其他字段中放置什么(图片中的输入和输出)考虑到项目的结构…这将是您保存所有内容的文件夹,在您的情况下,您的输入将是
/scss/
,输出将是
/public\u html/css/
,假设在NetBeans中/从web根目录开始。这无法工作(请注意,scss文件夹不在web根目录下),我试过使用/./scss,但它也不起作用……好吧,假设我项目中的file1.scss用于导入所有其他.scss文件,正如您所说。。。无论如何,我应该在项目属性中放置什么(参见我问题中的图片)?@MikO,我已经为您编辑了我的答案,并确认这是您应该放置这些标志的地方。谢谢Shannon,但除了压缩内容,我需要知道在其他字段中放置什么(图片中的输入和输出)考虑到项目的结构…这将是您保存所有内容的文件夹,在您的情况下,您的输入将是
/scss/
,输出将是
/public\u html/css/
,假设在NetBeans中/从web根目录开始。这无法工作(请注意,scss文件夹不在web根目录下),我尝试了/。/SCS,但它也不起作用……这里有一个这里有一个