css - 如何在多个文件夹上执行 sass watch 命令

Question

目录结构如下

src/
    sass/
        base.scss
        global.scss
    components/
        Menu/
            sass/
                styles.scss
        Contents/
            sass/
                style.scss

如您所见，我为每个组件设置了global 样式和样式。我现在正在做的是当我编辑 global 样式时，然后在全局样式文件夹上运行 sass --watch sass:css 。当我编辑任何组件样式时，我会在该组件的 sass 文件夹上运行 sass --watch sass:css 命令。

我需要的是运行 sass --watch 命令，以便它编译我正在编辑的所有 scss 文件。 我怎样才能让它发挥作用？

Answer 1

首先，我强烈推荐使用 Compass 来编译你的 scss 文件。按照此链接中的步骤使用它: Install Compass-style

安装后在你的 src 文件夹中创建一个元素文件config.rb之后转到 src 文件夹然后运行:

compass watch

它将编译所有的scss文件

你可以指定很多设置config.rb 的内容应该是这样的

require 'compass/import-once/activate'
# Require any additional compass plugins here.

# Set this to the root of your project when deployed:

http_path = "/"
css_dir = "../wwwroot/css"
sass_dir = "./"
images_dir = "/wwwroot/images"
cache_path = "c:/tempscss" 

您可以查看此链接以了解有关您可以配置的内容的更多信息 Compass Configuration