如何在包含许多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