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 中

并用我所做的修改改变 only stylesheets/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"