Sass 如何在PHPStorm IDE中使用SCSS文件监视程序缩小CSS

有没有办法配置SASS FileWatcher以构建一个小型CSS

我目前配置了SASS+YUI压缩器来实现这一点，但如果可能的话，我希望使用纯SASS来实现这一点

以下是两种配置的屏幕截图：

---

提前感谢。

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

• 转到

  文件>设置

• 在

  项目设置中

  选择

  文件查看器

• 您应该已经在此处创建了一个SCSS观察程序（如果您启用了SCSS观察插件，PHPStorm会在打开新的.SCSS文件时提示您创建一个观察程序）。否则，请启用它（在本节的，）然后按“+”符号创建新的观察程序
• 双击观察者名称以访问其配置
• 在

  参数

  行中，确保添加

  --style compressed

  参数
• 单击OK，您就完成了

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

---

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

如果您在Linux（Arch）下使用sassc，您可以使用以下参数：

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

菜单文件->设置->工具-文件监视程序 添加SCS并在参数中添加--style=compressed

对我来说，

--style compressed

，

--style compressed

和

--style=compressed

不起作用

我不得不添加选项

-x

作为参数

就像这里：

---

如果您想了解此帖子的更多详细信息，请参阅下面的帖子：您是否检查了命令行参数？SASS编译器（scss.bat）支持

--style compressed

选项，这将产生非常紧凑/压缩的输出--。如果您愿意，您可以使用YUICompressor再次处理它（以获得更多的优化）。或者创建一个.BAT/.CMD文件，首先编译sass代码，然后通过YUIC运行它（总共2行），并在您的文件查看器中使用它，而不是在实际的sass编译器中使用它。@LazyOne这应该是一个答案。：）以下是完整参数：--no cache--style compressed--update$FileName$：$FileNameWithoutExtension$.min.css

The correct answer is --style=compressed