webstorm编译less生成css的路径问题

Question

我想实现这样子的效果：

所有less文件夹下的文件都编译到css下面并且内部的目录是一致的；
我是这样子配置的：

结果如下，少了一级company目录：

纠结好久的问题，没查到解决办法，求指点

Answer 1

Arguments 和 output path 那里加上通配符试试，你现在告诉了 less 输入点和输出点的 path，但是对于每一个文件都是没有相对的路径的，webstorm 在 watch 的时候是 by file 的，所以它读到的路径目前只有一个文件名而已，你得想办法告诉它相对于输入点的完整路径。

同样建议你用专门的构建工具，处理这种问题会方便得多也快得多。

Answer 2

配合自动化工具吧，gulp

Answer 3

建议使用gulp，相对来说于webstrom可以集成使用，如果用webstrom开发大型的项目的时候，会引起卡顿等现象！

Answer 4

查了好久终于找到了在webstorm中如何配置，配置如下：

Program: --no-color --source-map=$Projectpath$/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css.map $FileName$
Output paths to refresh: $Projectpath$/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css:$Projectpath$/css/$FileDirPathFromParent(less)$$FileNameWithoutExtension$.css.map

也可以看视频的讲解：https://www.youtube.com/watch?v=YwBWByAR8ug

Answer 5

请问博主 要让less css文件同级怎么实现呢 我发现不管怎么弄 css都会在less文件下，很急 在线等～