webstrom，idea, hbuilder等 sass或less 关于arguments 和 Output paths to refresh 设置

webstorm设置

第一种设置：

　　Arguments:--no-cache --update -t expanded $FileName$:$FileNameWithoutExtension$.css

　　Output paths to refresh: $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

会生成css和map文件，css和map以及scss会在同一文件夹

第二种设置：

　　Arguments:--no-cache --update --sourcemap=none -t expanded $FileName$:$FileParentDir$/css/mine/$FileNameWithoutExtension$.css

　　Output paths to refresh: $FileNameWithoutExtension$.css

会生成css和map文件，css会在  “$FileParentDir$/css/mine” 这个文件夹下（$FileParentDir$指的是项目名称）和sass文件分开，map因为设置了  “--sourcemap=none” 所以不会生成这个文件

参数值里，-t 后面可以配置的值

嵌套：nested；

展开：expanded；

每句一行：compact；

压缩：compressed；

 

idea的less设置

less和css通级，生成css，不含.map文件

$FileName$ ../css/$FileNameWithoutExtension$.css