如何在包含许多sass文件的整个目录/文件夹中观察更改

我如何跟踪包含许多sass文件的整个目录中的更改? 我正在使用以下命令观看sass中的更改

文件:

sass --watch style.scss:style.css 

但是如何在包含许多sass文件的整个目录/文件夹中观察更改。

只需使用命令sass --watch <input folder>:<output folder> ,如下所示:

 $ ls -l css/ sass/ $ sass --watch sass:css 

其中<input folder>包含托pipe生成的CSS文件的Sass文件和<output folder>

由piouPououM稍微扩大答案:

  • 输出文件将以与input文件相同的名称创build,除了以.css结尾。
  • <input folder><output folder>可以相同。
  • 这两个文件夹可以是当前的工作目录,所以以下是有效的:

    $ sass --watch .:.

我最终没有使用Grunt或Sass-watch,

 npm install -g watch watch "sass assets/app.scss assets/dist/app.css" assets/css 

去你的terminal,并得到你的文件夹,然后写道:

  sass --watch . 

这将观看所有的sass文件并转换为具有相同名称的css文件。 你也可以这样做:

 sass --watch ~/user/youUser/workspace/project/styles/ 

我希望这可以帮助你。

您可以创build一个包含其余文件的sass文件,然后只是看这个文件。

或者,看看Grunt和非常好的grunt-contrib-compass插件

根据这些信息,你可以使用下一个命令行:

 sass --watch . 

资料来源: http : //sassbreak.com/watch-your-sass/#what-does—watch-do