将节点sass监视选项与grunt sass一起使用

如何配置grunt sass以使用底层节点sass监视选项监视更改

我知道我可以使用grunt contrib watch实现相同的功能，以监视更改并重新运行grunt sass任务，但这会更慢，因为它将重新编译整个过程，而不仅仅是编译更改

---

谢谢

回答我自己的问题，以防这对其他人有帮助：

我发现解决这个问题的唯一方法是通过grunt使用节点sass CLI。要实现这一点，请安装惊人的任务，并将其设置为使用-watch选项运行命令

支持多个includePath目录的示例用法：

执行官：{ nodeSass：{ cmd：函数{ //包含从gruntConfig.cssFiles数组生成的路径选项字符串。 var includeFileOption=gruntConfig.cssFiles.mapfunctioncssFilePath{ return'-include path'+cssFilePath； }。加入“”； 返回'node sass app/scss/style.scss app/generated/style.css'+includeFileOption+'-watch'； } } } 您还需要通过npm安装节点sass。在这种情况下，只需将以下内容添加到package.json文件：

脚本：{ 安装：npm安装节点sass-g },

---

回答我自己的问题，如果这能帮助其他人：

我发现解决这个问题的唯一方法是通过grunt使用节点sass CLI。要实现这一点，请安装惊人的任务，并将其设置为使用-watch选项运行命令

支持多个includePath目录的示例用法：

执行官：{ nodeSass：{ cmd：函数{ //包含从gruntConfig.cssFiles数组生成的路径选项字符串。 var includeFileOption=gruntConfig.cssFiles.mapfunctioncssFilePath{ return'-include path'+cssFilePath； }。加入“”； 返回'node sass app/scss/style.scss app/generated/style.css'+includeFileOption+'-watch'； } } } 您还需要通过npm安装节点sass。在这种情况下，只需将以下内容添加到package.json文件：

脚本：{ 安装：npm安装节点sass-g },

---

顺便说一句，这还有其他好处。使用grunt contrib watch运行grunt compass不仅速度较慢，而且会生成一个新的css文件，而此解决方案仅更新css文件。结果是通过livereload选项进行软更新，而不是完全重新加载页面。顺便说一句，这还有其他好处。使用grunt contrib watch运行grunt compass不仅速度较慢，而且会生成新的css文件，而此解决方案仅更新css文件。结果是通过livereload选项进行软更新，而不是完全重新加载页面。