【发布时间】:2021-10-23 08:15:08
【问题描述】:
我使用 npm sass 库来编译我的“.scss”文件,它工作得非常好,没有任何问题,但是在监视模式下,在一些文件保存后它开始生成一个空文件。我重新启动应用程序,它再次成功编译。
我的监视文件位于此链接:
sass builder file
我不知道这是我的 watcher 问题还是 sass 问题,甚至是 windows 文件系统问题。
谁能帮我解决这个问题?
【问题讨论】:
我使用 npm sass 库来编译我的“.scss”文件,它工作得非常好,没有任何问题,但是在监视模式下,在一些文件保存后它开始生成一个空文件。我重新启动应用程序,它再次成功编译。
我的监视文件位于此链接:
sass builder file
我不知道这是我的 watcher 问题还是 sass 问题,甚至是 windows 文件系统问题。
谁能帮我解决这个问题?
【问题讨论】:
我尝试了很多方法来解决这个问题,我发现问题出在 Windows 文件系统上。
在 Windows 文件系统中,如果我将文件保存一小会取决于您的系统性能,文件会变空并再次重新填充,因此为了解决此问题,我在大约 500 毫秒的监视模式下添加 setTimeout 函数,因此当用户保存 scss 文件和我们首先检测到变化我们等待 500 毫秒然后执行构建函数。
//before
if (fileName && event == "change") {
this.buildSassFile(fileConfig);
}
//after
if (fileName && event == "change") {
setTimeout(()=>{
this.buildSassFile(fileConfig);
},300);
}
【讨论】: