在 PhpStorm File Watcher 中是否可以将 SCSS 编译为 CSS 并创建缩小的 css？

Is it possible in PhpStorm File Watcher to compile SCSS to CSS AND create minified css?

编译缩小 css 有一个 --style compressed 参数（f.e。编译缩小 css 描述 here）。但是可以同时编译 .css 和 .min.css 吗？

或者我应该创建单独的 minify file watcher？ （我试图创建 2 个 scss 文件观察器，一个用于 .css，第二个用于 .min.css，但第二个取代了第一个，我只得到了缩小 css).

可能的解决方案：

  1. 创建 2 个文件观察器 - SCSS->CSS 和 CSS->MIN.CSS。对第二个使用任何可用的 CSS 丑化器 - YUI Compressor, for example. See https://www.jetbrains.com/help/webstorm/2016.3/minifying-css.html

  2. 创建一个批处理脚本来完成这项工作（为您的 .scss 调用 SCSS 编译器，然后压缩结果 CSS）并将其设置为文件观察器

  3. 使用 Gulp/Grunt 任务来编译和缩小文件。您可以将 Gulp/Grunt 设置为文件观察者，或使用 Gulp/Grunt watch 任务