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

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

我想实现这样子的效果:

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

结果如下,少了一级company目录:

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


配合自动化工具吧,gulp


查了好久终于找到了在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


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


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

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

【热门文章】
【热门文章】