NetBeans中得CSS预处理程序

gstyhher 于 2022-11-10 发布在其他

关注(0)|答案(1)|浏览(120)

假设我在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

我希望以这样的方式配置NetBeans，当我保存 file1.scss，file2.scss 和 file3.scss 中的任何一个时，它会将所有这些文件编译为 style.css，最好是缩小的...
如果可以的话，我应该在项目属性中写些什么（见图）？

注意：已在NetBeans中正确安装和配置SASS *

netbeans

来源：https://stackoverflow.com/questions/21921437/css-pre-processors-in-netbeans

1条答案

按热度按时间

ndasle7k1#

我通常有一个主.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">

至于最小化的首选项，这是预处理程序设置的一部分。通常当从命令行设置时，watch命令将有一个样式标志，如这样，它最小化了css：

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

在您的图像中，有一个名为Compiler Options的字段，该字段应用于向预处理器添加任何标志，例如，在您的情况下，您将向该字段添加--style compressed。
示例：

使用--style compressed来缩小css输出。也可以使用--style compact和--style expanded。
我希望这能帮上忙。

赞(0）回复(0）举报 2022-11-10

我来回答

NetBeans中得CSS预处理程序

1条答案

相关问题

热门标签

最新问答