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

Question

compile minified css有一个--style compressed参数（fe compile minified css described here）。但是可以同时编译 .css 和 .min.css 吗？

或者我应该创建单独的缩小文件观察器？（我尝试创建 2 个 scss 文件观察器，一个用于 .css，第二个用于 .min.css，但第二个替换了第一个，我只得到了缩小的 css）。

Answer 1

可能的解决方案：

1. 创建 2 个文件观察者 -SCSS->CSS和CSS->MIN.CSS. 对第二个使用任何可用的 CSS uglifier -例如YUI Compressor。见https://www.jetbrains.com/help/webstorm/2016.3/minifying-css.html

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

3. 使用 Gulp/Grunt 任务来编译和缩小文件。您可以将 Gulp/Grunt 设置为文件监视程序，或者使用 Gulp/Gruntwatch任务