2

大家好！

我的 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

并且只用我所做的修改来改变stylesheets/main.css 。

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

请问sass --watch是什么？

非常感谢提前！

亚历克西斯

4

1 回答 1

4

你应该完全使用指南针！ 

指南针是什么

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

  • SASS 的元框架；
  • 一个命令行工具，用于编译 Compass 项目和做其他有用的事情。

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

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

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

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

可笑的简短安装指南

为了使以下工作，您必须拥有 Ruby 和RubyGems。可能你已经拥有它们了。

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

  1. 使用 RubyGems 安装指南针：gem install compass.
  2. 在项目的根目录中创建一个compass.rb文件（在您的情况下是Project/compass.rb）。
  3. 运行compass watch并开始编码。

config.rb 文件示例

compass.rb这是一个可能对您 有用的最小值：

css_dir =   "stylesheets"
sass_dir =  "sass"
于 2013-03-23T09:23:16.393 回答