使用 node-sass 监视所有子目录

Posted

技术标签:

【中文标题】使用 node-sass 监视所有子目录【英文标题】:Watch all sub directories with node-sass 【发布时间】:2017-02-14 05:39:05 【问题描述】:

我见过很多使用node-sass 观看特定文件夹的示例,但我的css 并不都在同一个文件夹中。我想让它像 onchange 一样监视 scss 文件的所有子目录(仅作为示例)。我假设语法类似于:

`node-sass -w app/**/*.scss -o app/**/`

...但这会产生错误:Error: ENOENT: no such file or directory, lstat 'app/**/*.scss'

我尝试用node-sass 做的事情是否可行?如果没有,是否有更好的方法将我的 scss 文件批量编译为 css?如果可能的话,我会尝试只使用 npm 脚本进行构建。

【问题讨论】:

【参考方案1】:

试试node-sass -rw app -o app。 您可能需要更改输出文件夹,因为这可能会一直循环。

来源:

-r, --recursive 递归查看目录或文件 https://github.com/sass/node-sass

【讨论】:

-rw 监视并编译了我的 main.scss 文件中包含的所有文件。完美~~ @g3mini 这给了我 cmd 上的错误:events.js:183 throw er; // 未处理的“错误”事件有什么想法吗? 我希望能提供帮助,但 2 年后我停止使用 node-sass :P -w, --watch Watch a directory or file【参考方案2】:

为了让 node-sass 识别新创建的文件,我发现我需要重新启动 node-sass/npm。

【讨论】:

以上是关于使用 node-sass 监视所有子目录的主要内容,如果未能解决你的问题,请参考以下文章

将 node-sass 监视选项与 npm run-script 一起使用

Nodemon 监视所有项目目录

node-sass下载失败 关于webpack

如何在 C++ 中监视目录中的文件?

node-sass插件缺失vendor目录的问题

安装node-sass提示没有vendor目录的解决办法