css - 当对导入的文件进行更改时，Gulp-sass 中断

Question

• 我正在使用 gulp-sass 来编译 sass。我有 main.scss 和grid.scss 在同一目录中。

• main.scss 由 gulp watch 监视。

• grid.scss导入main.scss，保存main.scss时编译无误。

问题是当我对 grid.scss 进行更改并保存时，gulp-sass 中断并抛出此错误:

    events.js:141
    throw er; // Unhandled 'error' event
    ^
     Error: src\styles\main.scss
     Error: File to import not found or unreadable: grid
     Parent style sheet: stdin
     on line 1 of stdin
     >> @import "grid";
     ^

    at options.error (C:\www\test\node_modules\node-sass\lib\index.js:277:32)

看起来 grid.scss 在保存时被视为不存在的文件。解决方案是什么？

提前谢谢你。

Answer 1

尝试在文件名前添加一个下划线以忽略文件本身的编译。

它应该是这样的:

main.scss
_grid.scss

然后你的文件 _grid.scss 你只编译成 main.scss 而不是编译它自己。

此外，请确保您对文件/文件夹具有文件权限。可能锁定了编译器。