是否有可能在PhpStorm文件观察器中将SCSS编译为CSS并创建缩小的CSS?

时间:2016-12-08 08:32:20

标签: sass phpstorm minify file-watcher

编译缩小的css有一个--style compressed参数(f.e.编译缩小的css描述here)。但是有可能同时编译.css和.min.css吗?

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

1 个答案:

答案 0 :(得分:2)

可能的解决方案:

  1. 创建2个文件观察者 - SCSS->CSSCSS->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 / Grunt watch任务