mishe / blog

前端碰上的问题或体会
230 stars 39 forks source link

WebStorm 自动编译 LESS 产出 CSS 的配置设置 #85

Open mishe opened 8 years ago

mishe commented 8 years ago

找了很多资料结果发现很多配置都是不成功的,只能琢磨着自己整整了。

配置如下:

打开WebStorm,点File-->Settings,找到File Watchers,点右侧的“+”,选择LESS,更改对应项的设置如下:

Program:E:\nodejs\node.exe

Arguments:E:\nodejs\node_modules\less\bin\lessc $FileName$ $FileDir$\css\$FileNameWithoutAllExtensions$.css

Working directory:$FileDir$

Output paths to refresh:为空就好了

之后,所有的less文件,在创建和修改时都会自动编译成对应文件名的css文件,放入工程文件的css目录下。