sass --watch：只编译1个css，包含许多来源

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！

指南针是什么

指南针是每个SASS编码器必备的工具。指南针由两部分组成：

• SASS的元框架;
• 一个命令行工具，用于编译Compass项目和执行其他有用的工作。

compass watch命令正是您所需要的。每当您在以下任何一项中保存更改时，它都会重新编译CSS：

• sass文件夹中的每个非部分文件（在您的情况下仅为main.scss）;
• 由上述之一（递归）导入的每个部分。

将忽略从未导入的部分。

Compass将为每个非部分文件创建单独的CSS文件。对于partials，它们不会显示为单独的CSS文件，因为它们包含在非partials中。

可怜的简短安装指南

要使以下工作，您必须拥有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"