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

Question

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

• main.scss 被 gulp watch 监视。

• grid.scss 被导入到main.scss 并在保存main.scss 时编译没有错误。

问题是当我对@9​​87654328@ 进行更改并保存 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

尝试在文件名前添加underline 以忽略文件本身的编译。

应该是这样的：

main.scss
_grid.scss

那么你的文件_grid.scss你只编译成main.scss而不编译自己。

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