Grunt，简而言之，就是运行在Node.js上面的任务管理器（task runner），其可以在任何语言和项目中自动化指定的任务。我们可通过npm来安装Grunt和Grunt插件 为什么使用Grunt？ 一词概括：自动化。 Grunt帮助你提高重复项目 ...

Grunt和 Grunt 插件是通过 npm 安装并管理的，npm是 Node.js 的包管理器。 先下载安装node.js 以下指令：mac os 系统、部分linux系统中，在这句话的前面加上“sudo ”指令 安装grunt-cli 上述命令执行完后，grunt 命令就被加入到 ...

前言 现在前端自动化已经是家常便饭，各种工具也是层出不穷，grunt、gulp、webpack是应用最广的三种工具，虽然grunt看似已垂垂老矣，但是以前写的很多项目一直用的就是grunt，温故方能知新，这里把grunt的基本操作再记录一下。 grunt常用插件 开始使用grunt很简单 ...

watch几乎是grunt必不可少的应用，一旦配置好watch，保存文件后将立即执行命令 安装方式如下： 安装好以后就可以在gruntfile里写配置了： 配置好以后，在命令行里执行： grunt watch 然后在test.less或者testSass.scss文件 ...

二进制内容的 能否可视化？ 网上的资料比较少啊！ ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ...

在不久前我曾写了一篇 应用r.js来优化你的前端 的文章，为大家介绍了r.js这个实用工具，它可以很好地压缩、合并前端文件并打包整个项目。但是如果将r.js放到项目中，我们不得不顾及到一个问题——项目 ...

前端优化是尽量减少http请求，所以我们需要尽量合并压缩文件，然后调用压缩后的文件，比如多个css文件压缩成一个，多个js文件合并压缩等，usemin能够自动在html中使用压缩后的文件，达到上面的目 ...

摘要： 　　之前介绍了自动构建工具Grunt，其中有一个模块是"grunt-contrib-less"，下面是配置Grunt自动编译less文件。 安装： 　　Grunt是基于node，功能模块化。你可以将grunt-contrib-less配置在package.json中然后npm ...