Question

似乎有一些插件......我正在使用webstorm文件观察器，它也可以预编译单个文件。

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

我现在正在运行此命令：

sass --no-cache --update --stop-on-error --trace ./app/sass:./app/css

它似乎与webstorm文件监视器冲突，后者似乎将所有内容追加到base.css。有人能告诉我这个命令究竟与webstorm中的sass filewatcher有什么关系吗？

与sass合作的最佳方式是什么：

使用grunt构建任务将我的sass预编译为css
并在开发时有文件观察者？

我的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";

Answer 1

您的命令只是将diretory ./app/sass中的所有文件编译为CSS，并将结果文件放到./app/css。默认文件观察程序运行以下命令：

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

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

如何使用gruntjs预编译sass？

1 个答案: