我是一个 grunt biginner，但我只知道如何使用 grunt concat 和 uglify。现在我需要一些关于 css 缩小、grunt 复制和 liveload 以及其他任务的帮助。
现在我需要为我的 JS 小部件构建一个 UI 系统，所以我正在考虑将变量添加到 css 文件中（比如在某种程度上少）并将其编译（用真实样式替换变量）到真正的 css 中。但是我不能少用，因为我的小部件总共有 20k，LESS 太大了。
我似乎需要使用 grunt 来做诸如 mincss 和 i-dont-know-what 之类的东西来将它编译成一个变量形状的 js 文件。而且我需要 LiveLoad 它和更多其他的 tast 以使整个进度自动进行。
这是我想做的事情：
样式.css：
.a{
width: $aWidth;
color: $aColor;
}
这是我想写在 css 文件中的东西，实际上它不是真正的 css。
先把它缩小（不知道假的css能不能缩小？）：style.min.css
.a{width: $aWidth;color: $aColor;}
然后将其编译成 css.js（只需添加一个“var css =”，这就是我最常停下来的地方）：
var css = ".a{width: $aWidth;color: $aColor;}";
我将在我的 js 中进行简单的 RegExp 替换，使其成为一个真正的 css，一个简单易用的 less.js。连接它，我知道该怎么做......
将连接文件 widget.js 复制到我的 nginx 静态文件夹中以进行本地测试。（这使用 grunt 复制？）
当我保存/更改 style.css 文件时自动运行所有这些任务并刷新页面（这使用手表？或 liveload？也许我需要两组设置来观看 css 或 js）。
这就是我所需要的，我相信它会帮助更多的初学者。谢谢。