如何使用gruntjs预编译sass？

似乎有一些插件…我正在使用webstorm file watcher，它还可以预编译单个文件

我认为这可能不是设置观察者的最佳方式

我现在正在运行此命令：

sass——无缓存——更新——出错时停止——跟踪。/app/sass:./app/css

它似乎与webstorm文件监视冲突，webstorm文件监视似乎将所有内容附加到

base.css

。有人能告诉我这个命令与webstorm中的sass filewatcher相比到底在做什么吗

使用sass的最佳方式是什么：

• 使用grunt构建任务将我的sass预编译为css
• 在开发过程中是否有文件监视程序

My base.sass如下所示：

@charset "UTF-8";

/* DO NOT EDIT FILES IN ./css. See ./sass instead */

@import "page";
@import "modal";
@import "nav";
@import "tables";
@import "forms";
@import "message";

---

您的命令只是将diretory

/app/sass

中的所有文件编译为CSS，并将生成的文件放入

/app/CSS

。默认文件监视程序运行以下命令：

sass --no-cache --update $FileName$:$FileNameWithoutExtension$.css

---

i、 它将当前文件（已更改的文件）作为输入，并在同一目录中创建.css。但是，由于您启用了“仅跟踪根文件”选项（默认设置），因此观察者仅为根文件创建css—通过导入引用其他文件的css。您可以关闭此选项以更改当前行为并为其他文件生成css

你的gruntjs文件在哪里？你用grunt干什么？如果您想迁移到grunt，可以做一些很酷的事情，如果您可以在webstorm中禁用sass filewatcher。我只在咖啡脚本、沙司和波旁威士忌中使用grunt。。。。