webstorm配置less自动编译

配置参数：

$FileParentDir(less)$\less\$FileDirPathFromParent(less)$\$FileName$
$FileParentDir(less)$\css\$FileDirPathFromParent(less)$\$FileNameWithoutExtension$.css

 

参数说明：

例如项目名为 project，less文件我们放置在 project/public/less/manage/style.less

$FileParentDir(less)$ 是获取 less 目录的路径，也就是 project/public

$FileDirPathFromParent(less)$ 是获取 less 文件到 less 目录的路径，也就是 manage

$FileNameWithoutExtension$ 是获取 less 文件不带后缀的名字，也就是 style

经过如上拼接，生成的内容为 project/public/css/manage/style.css