如何跟踪包含许多 sass 文件的整个目录中的更改？我正在使用以下命令来观察 sass 的变化
文件：
sass --watch style.scss:style.css
但是如何观察包含许多 sass 文件的整个目录/文件夹的变化。
问问题
80345 次
9 回答
100
只需使用命令sass --watch <input folder>:<output folder>，如下所示：
$ ls -l
css/ sass/
$ sass --watch sass:css
其中<input folder>包含 Sass 文件并<output folder>托管生成的 CSS 文件。
于 2013-08-26T12:25:52.030 回答
30
通过 piouPiouM 扩展答案：
- 输出文件将以与输入文件相同的名称创建，但以
.css. <input folder>并且<output folder>可以相同。这两个文件夹都可以是当前工作目录，因此以下内容有效：
$ sass --watch .:.
于 2014-04-16T16:01:44.940 回答
12
转到您的终端并找到您的文件夹，然后写道：
sass --watch .
这将监视所有 sass 文件并转换为具有相同名称的 css 文件。你也可以这样做：
sass --watch ~/user/youUser/workspace/project/styles/
我希望这可以帮助你。
于 2015-12-18T11:16:33.587 回答
10
我最终没有使用 Grunt 或 Sass-watch 就这样做了：
npm install -g watch
watch "sass assets/app.scss assets/dist/app.css" assets/css
于 2014-10-31T13:35:09.513 回答
5
如果您在当前文件夹中，请执行以下操作以观看它。
F:\sass tutorial>sass --watch ./:./
于 2018-05-20T07:47:01.920 回答
4
以防万一有人在 2018 年遇到这个问题：
sass 网站指的是Ruby Sass已弃用。和现在（2018 年 5 月）一样，如果您通过npm安装 dart sass ，它不支持--watch命令
怎么办：
您需要安装node-sassglobaly ，例如：
npm install node-sass -g
然后重新启动命令行，然后使用以下代码：
node-sass --watch scss/styles.scss css/styles.css
将您的 scass 文件编译为 css。
基本上 node-sass 支持--watch命令，我们使用它来将我们的 scss 代码编译为常规 css 文件。
并且以防万一您在第一次保存 .scss 文件时遇到这样的错误：
{
"status": 3,
"message": "File to read not found or unreadable: yourdirectory/scss/styles.scss",
"formatted": "Internal Error: File to read not found or unreadable: yourdirectory/scss/styles.scss\n"
}
您需要做的是再次保存它，它会正常工作！
于 2018-05-17T10:53:57.217 回答
3
于 2016-11-09T18:08:16.560 回答
2
你可以创建一个包含其余文件的 sass 文件，然后只看这个文件。
或者，查看Grunt和非常好的grunt-contrib-compass插件
于 2013-08-25T10:17:27.243 回答
1
您可以设置 sass 来观看所有 .scss 文件（对于我来说，我在 src/static 文件夹中有几个 .scss 文件）进行编译，但在全局安装之前：
npm i -g sass
然后转到项目文件夹并键入以下命令：
sass --watch $(pwd)/src/static
您也可以将其包装在 package.json 中的 npm 脚本中，例如
"scripts": {
"sass:watch": "sass --watch $(pwd)/src/static"
}
并通过以下命令运行它：
npm run sass:watch
于 2020-10-08T11:31:17.760 回答