前端 自动化工具 less sass grunt？

Question

我现在在公司做的主要是做一些企业站的html模板，然后套cms。
也了解过一些自动化工具，js，css和并压缩，图片sprite node.js 也用过也写

因为不是在专业的网络公司，所以公司就我一个人在做网页，在网上看到很多人再说grunt之类的工具用着很棒还有less和sass，但实际上感觉用到的很少。
www.lzxisha.com 这个是我最近做的，首先说说合并压缩，用的js本来就不多，dos就能实现，网上搜一个压缩的也是分分钟的事，图片的spirte一直都没咋用过，没美工，用的是字体图标弄的。
less，sass 我不知道该怎么用。

我主要是想问下，前端自动化工具的用法，该如何来用。或者正规的网络公司是怎么用的，就比如说我现在给出了psd图，平板，pc，手机 less和sass该怎么写，相同的部分可以用less写，但是平板，pc，手机因为屏幕尺寸和视距的问题 button 标题之类的肯定都不一样，大部分都是写着调着，对照着去看，用less和sass感觉更慢了。

Answer 1

我谈一下我的认识，说的不一定有道理。
我也不是在专业的网络公司，我平常不用less和sass，一是因为不习惯，二是因为不熟练。但是我知道less，sass其实是有助于我快速开发，它们就像你要在js中打印1-100，用css是不写循环，用less、sass是写循环的区别。因为浏览器不识别less、saa，在grunt中来解析成css。
而且自动化工具的功能是很强大的，压缩、合并压缩、解析成浏览器识别的格式、修改监听、检测代码是否规范等。
字体图标和sprite，字体图标可以代替的，不用spirte是没关系的，有些图标画不出来的当然最好用spirte。spirte是为了减少请求次数，比多个img要好。