sass - 如何在 PHPStorm IDE 中使用 SCSS File Watcher 缩小 CSS

Question

有没有办法配置 SASS FileWatcher 以构建缩小的 CSS？

我目前配置了 SASS + YUI Compressor 来完成这个，但如果可能的话，我想用纯 SASS 来做这个。

以下是两种配置的截图：

SASS

YUI 压缩器 CSS

提前致谢。

Answer 1

实现这一点的最快方法可能是使用前面评论中提到的压缩选项作为参数。在 PHPStorm 中配置它的最快方法如下：

• 去File > Settings
• 内部Project Settings选择File Watchers
• 您应该已经在此处创建了一个 SCSS 观察器（如果您启用了 SCSS 观察插件，PHPStorm 在打开新的 .scss 文件时会提示您创建一个观察器。）否则，启用它（有关此部分的更多信息官方documentation ,) 然后按“+”符号创建新的观察者。
• 双击观察者名称以访问其配置。
• 在该Arguments行中确保添加--style compressed参数
• 单击确定，您就完成了

此图显示了该配置的外观：

从那时起，您的 .css 输出文件将被压缩。

Answer 2

The correct answer is --style=compressed

菜单 File -> Settings -> Tools - File watchers 添加 scss 并在参数中添加 --style=compressed

Answer 3

如果你在 Linux (Arch) 下使用sassc，你可以使用 as Arguments：

-t compressed -m auto $FileNameWithoutExtension$.scss $FileNameWithoutExtension$.min.css

Answer 4

对我来说--style compressed，--style compressed并且--style=compressed不工作。

我不得不将选项添加-x为参数。

像这儿：

如果您想了解这篇文章的更多详细信息，以下文章是我找到此解决方案的地方：https ://stackoverflow.com/a/25579991/9861577 。