Grunt是啥？很火的前端自动化小工具，基于任务的命令行构建工具。Grunt能帮我们干啥？假设有这样一个场景：编码完成后，你需要做以下工作HTML去掉注析、换行符 - HtmlMinCSS文件压缩合并 – CssMinifyJS代码风格检查 – JsHintJS代码压缩 – Uglyfyimage压...
分类：
其他好文 时间：
2015-01-23 17:47:33
阅读次数：
248
先说下这两个插件配合的用处，简单的说，它们可以拯救你的F5。connect用于建立一个静态服务器，watch监听文件的修改并自动实时刷新浏览器的页面。 还是options走起。 connect(V0.9.0)的options(github地址)port: 静态服务器监听的端口，默认8000p...
分类：
其他好文 时间：
2015-01-23 16:16:40
阅读次数：
190
创建插件创建插件主要有以下几个步骤：（1）通过 npm install -g grunt-init 命令安装 grunt-init 。（2）通过 git clone git://github.com/gruntjs/grunt-init-gruntplugin.git ~/.grunt-init/g...
分类：
其他好文 时间：
2015-01-23 09:26:04
阅读次数：
242
每当运行Grunt时, 你可以为其指定一个或多个任务, 这些任务用于告诉Grunt你想要它做什么事情。如果你没有指定一个任务，并且你已经定义一个名为 "default" 的任务，那么该任务将会默认被执行。任务别名如果指定了一个任务列表taskList，新任务名taskName将是这一个或多个指定任务...
分类：
其他好文 时间：
2015-01-22 23:13:00
阅读次数：
279
这个Gruntfile 实例使用到了5个 Grunt 插件：grunt-contrib-uglify grunt-contrib-qunitgrunt-contrib-concatgrunt-contrib-jshintgrunt-contrib-watch上面的uglify，concat，wa.....
分类：
其他好文 时间：
2015-01-22 17:32:20
阅读次数：
201
在你安装 Grunt.js 之前你需要先安装Node.js。对于本教程而言，我已经安装好了node.js v0.10.35。我将要安装Grunt.js v0.4.1。警告：如果你已经安装了 Grunt.js 0.3.x 或者更低的版本，请先卸载它。Grunt 的命令行界面为了安装 grunt.js，...
Grunt的task配置都是在 Gruntfile 中的grunt.initConfig方法中指定的。此配置主要包括以任务名称命名的属性，和其他任意数据。一旦这些代表任意数据的属性与任务所需要的属性相冲突，就将被忽略。举个例子：grunt.initConfig({ concat: { // 这里.....
分类：
其他好文 时间：
2015-01-22 10:56:00
阅读次数：
259
Grunt和 Grunt 插件是通过 npm 安装并管理的，npm是 Node.js 的包管理器。Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。老版本的 Node.js 被认为是不稳定的开发版。之前，在用grunt来合并文件时，老是报错，原因是node.js的版本太低了。...
分类：
其他好文 时间：
2015-01-21 23:53:41
阅读次数：
172
依赖于 GruntJs ~0.4.0监控 JS 文件改变来运行预定义的TasksDemo: watch: { scripts: { files: ['src/**/*.js'], tasks: ['jshint'], options: { ...
分类：
Web程序 时间：
2015-01-16 18:20:29
阅读次数：
243
文章梗概如下：如何让Grunt在项目跑起来初识：Gruntfile.js术语扫盲：task & target如何运行任务任务配置自定义任务文件通配符：glob模式文件通配符：例子常用API如何初始化Gruntfile.js通过模板初始化Gruntfile.js获取命令行参数插件编写入门简介：http...
分类：
其他好文 时间：
2015-01-16 09:58:57
阅读次数：
199
