如何用webstorm自动编译less产出css和sourcemap

css产出sourcemap有什么用呢，可能大家要问这个问题了。

请移步这里

https://developers.google.com/chrome-developer-tools/docs/css-preprocessors?hl=zh-CN

在chrome中我们通过sourcemap可以直接调试less源文件文件，这是一个非常强大的功能。

下面由我为大家道来

1.在chrome中开启dev工具，开启容许CSS source maps设置

2.webstorm中只要创建了less扩展名的文件，就会有提示只要你同意就会创建一个firewatchers任务，但是这个默认的任务只能编译出css。我们需要对这个任务进行一些小小的修改，以便能达到产出sourcemap。

原版配置

改造后的配置

本栏目更多精彩内容：http://www.bianceng.cnhttp://www.bianceng.cn/webkf/tools/

时间： 2024-12-03 15:33:47

如何用webstorm自动编译less产出css和sourcemap的相关文章

使用Nodejs和Grunt实现SASS的自动编译

文章简介:早前听说Nodejs和Grunt很强大,特别是用来构建自动化的前端开发,更是强大无比.但一直碍于自己掌握的技术有限,不敢深入,也未曾深入下去.最近在开始学习SASS,也慢慢的接触这方面的东西.为了能更好的让SASS项目实现自动化编译,打算使用Nodejs和Grunt来试试. 早前听说Nodejs和Grunt很强大,特别是用来构建自动化的前端开发,更是强大无比.但一直碍于自己掌握的技术有限,不敢深入,也未曾深入下去.最近在开始学习SASS,也慢慢的接触这方面的东西.为了能更好的让SASS

标题超出宽（长）度部分自动显示省略号的CSS代码

标题超出宽(长)度部分自动显示省略号的CSS代码 li{       line-height:13px;       height:13px;       overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;}   非常实用的一个代码

Eclipse不自动编译java文件的解决方法

最近我的eclipse经常犯傻,项目中总是有很多,启动项目也是没有启动类.查了下项目中生成的class文件,我靠竟然没有,或者还是以前的.原来是eclipse犯傻了,它没帮我自动编译java文件.一般是如下几个步骤.但是还是不自动编译. 最基本的解决办法--这是前提 然后clean和refresh下项目.如果这样还是不行,用下面的方法吧,终极解决方案...... 1:去除项目中的jre的classpath 查看本栏目更多精彩内容:http://www.bianceng.cnhttp://www.

使用hbuilder 控制台提示自动编译失败

问题描述 使用hbuilder 控制台提示自动编译失败 自动编译(nuomicssnuomi.less)失败: missing EOF at '}' in stylesheet (which started at 1:1) 自动编译(nuomicssnuomi.less)失败: missing EOF at '}' in stylesheet (which started at 1:1) 自动编译(nuomicssnuomi.less)失败: missing EOF at '}' in styl

eclipse-Eclipse web项目无法自动编译成class文件

问题描述 Eclipse web项目无法自动编译成class文件 如上图,my项目是一个web项目,把此项目发布到tomcat上后,报404错误,发现没生成class文件,于是想生成class文件的,但无法生成,点击上图LoginAction.java的右键后,里面的"run as"里的Java application选中后"run"按钮是灰色的,没法点击确认,按理说class文件不是自动生成的吗,但我发布项目后无法自动生成,我的LoginAction.java里没

eclipse maven项目 怎么实现一点就会自动编译并发布到tomcat

问题描述 eclipse maven项目 怎么实现一点就会自动编译并发布到tomcat eclipse maven项目 怎么实现一点就会自动编译并发布到tomcat 解决方案 一点保存就会自动编译并发布到tomcat 解决方案二: 上面的两个都在瞎说,如果你想实现这个功能,应该用jenkins,这是一个持续开发工具,可以实现你的要求 解决方案三: 这个应该是你自己或eclipse设置的,找到改一下就好

如何用程序自动执行批处理文件？

问题描述 如何用程序自动执行批处理文件? 最经工作中,反复需要在dos命令行界面下,输入某些批处理命令,现在想写一个程序代替这部分 手动操作,想请教有没有让程序自动调用执行批处理文件的API函数,非常感谢. 解决方案 可以先把命令写在 bat 文件,然后设置 windows 计划任务 解决方案二: 直接写个C程序,在C程序中调用System(str)命令,str为DOS命令字符串 解决方案三: 用ShellExecute

从SVN中导入的项目MyEclipse不能自动编译?

问题描述 从SVN中导入的项目MyEclipse不能自动编译?怎么回事,网上的方法都试过了不起作用! 解决方案 解决方案二:看下JAR包是否齐全以及路径是否正确

如何让eclipse只自动编译修改的java文件

问题描述 现在我勾选了buildautomatic,修改java的一个字符都会自动全部编译,好费时间.有没有方法让它只自动编译修改的这个java文件呢? 解决方案 解决方案二:不会的,每次修改后只会编译刚修改的java文件如果clean工程了,清理了工程自动编译的所有class文件,那么工程会全部编译一次解决方案三:但我的是编译整个工程哦.就算是只在一个java中添加注释,也会编译整个工程,很烦恼.解决方案四:这要看你改动的是什么类型的修改,并不是看你改的哪个文件,而是说你的修改是否是结构性变化