如何使用PHPStorm IDE中的SCSS文件观察器来缩小CSS

ach*_*uan 28 sass minify yui-compressor phpstorm

有没有办法配置SASS FileWatcher所以它构建一个Minified CSS?

我目前配置了SASS + YUI Compressor来实现这一目标,但如果可能的话,我想用纯SASS做到这一点.

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

上海社会科学院

YUI Compressor CSS

提前致谢.

E. *_*ano 59

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

  • File > Settings
  • 内部Project Settings选择File Watchers
  • 你应该已经在这里创建了一个SCSS观察者(如果你启用了SCSS监视插件,PHPStorm会在你打开一个新的.scss文件时提示你创建一个观察者.)否则,启用它(更多信息在官方的这一部分)文档,)然后按"+"符号创建新的观察者.
  • 双击观察程序名称以访问其配置.
  • 在该Arguments行中确保添加--style compressed参数
  • 单击确定,您就完成了

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

PHPStorm中的压缩SCSS设置

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

  • 这里是完整的参数: - no-cache --style compressed --update $ FileName $:$ FileNameWithoutExtension $ .min.css (10认同)
  • 旧的但仍然有效。我必须将参数放在 $FileName$ 之前才能使其正常工作。(我在查找之前尝试过) (2认同)

小智 5

The correct answer is --style=compressed
Run Code Online (Sandbox Code Playgroud)

菜单文件 -> 设置 -> 工具 - 文件观察器添加 scss 并在参数中添加 --style=compressed

在此输入图像描述