最近做项目需要用到将指定文件夹下的less转为对应文件夹下的css文件,这样引用的时候清晰明了。
找了挺久,也试过很多。终于找到这个啦!!
原博客地址:http://blog.csdn.net/a562550212/article/details/51777725
需要改进一下。
设置如下:
File--->settings---->Tools--->File Watchers
一开始没有配置的话是没有less那一行的,需要点击加号添加进来,然后双击less弹出如下界面,修改如下行,解释在下方。
解释:
例如项目名为 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
效果如下:(只要在less文件中修改了保存时,就会自动保存到对应的css文件中。ps:css文件不需要自己手动新建,是自动生成的!)