css - sass --watch : Compile only 1 css with many sources

Question

大家好!

我的 Sass 元素如下所示:

Project
├── sass/
│   ├── bootstrap/
│   │   ├── ...
│   │   ├── _bootstrap.scss
│   ├── mymodule/
│   │   ├── submodules/
│   │   ├── _mymodule.scss /*with only @import from submodules/ */
|   └── main.scss /* various styles & @import bootstrap, mymodule */
└── stylesheets/
    └── main.css

我试图观察每一个修改:

• 在整个 mymodule 文件夹中
• 在main.scss中

并仅使用我所做的修改更改样式表/main.css。

我编写的每个命令都会生成 mymodule.css 或其他 scss 文件/文件夹。

执行此操作的sass --watch是什么？

提前非常感谢!

亚历克西斯

Answer 1

你应该完全使用Compass !

compass 是什么

Compass 是每个 SASS 编码人员的必备工具。 compass 由两部分组成:

• SASS 元框架；
• 用于编译 Compass 元素和执行其他有用操作的命令行工具。

compass watch 命令正是您所寻找的。每当您保存以下任何更改时，它都会重新编译 CSS:

• sass 文件夹中的每个非部分文件(在您的情况下，它只是 main.scss)；
• 由上述之一导入的每个部分(递归地)。

从未导入的部分将被忽略。

Compass 将为每个非部分文件创建一个单独的 CSS 文件。至于部分代码，它们不会显示为单独的 CSS 文件，因为它们合并在非部分代码中。

安装指南极其简短

要使以下功能正常工作，您必须拥有 Ruby 和 RubyGems 。也许您已经拥有它们。

要开始使用 Compass，请执行以下操作:

1. 使用 RubyGems 安装 Compass:gem install compass。
2. 在元素的根目录中创建一个 compass.rb 文件(在您的情况下为 Project/compass.rb)。
3. 运行compass watch并开始编码。

config.rb 文件示例

这是一个可能适合您的最小compass.rb:

css_dir =   "stylesheets"
sass_dir =  "sass"