http://www.gruntjs.net/sample-gruntfile Gruntfile 实例 下面就针对一个 Gruntfile 案例做简单分析,也可以作为一个实例使用: module.exports = function(grunt) { grunt.initConfig({ jshi ...
分类:
其他好文 时间:
2016-06-12 12:11:37
阅读次数:
156
GruntJS 是基于JavaScript的命令行构建工具,它可以帮助开发者们自动化重复性的工作。你可以把它看成是JavaScript下的Make或者Ant。它可以完成诸如精简、编译、单元测试、lint检查等工作。由于越来越多的开发移到了客户端,帮助开发者更高效地工作的工具就更有用了。本文中,我将展 ...
分类:
Web程序 时间:
2016-05-30 18:31:50
阅读次数:
239
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。 ...
分类:
Web程序 时间:
2016-05-27 16:47:30
阅读次数:
272
现在 watch 中已经集成了 livereload ,所以把它们放在一起说明。
watch 可以监控特定的文件,在添加文件、修改文件、或者删除文件的时候自动执行自定义的任务,比如 livereload 等等。
1. 安装
项目定义在 GitHub 上,地址:https://github.com/gruntjs/grunt-contrib-watch
可以通过 NPM 直接进行安装
...
分类:
其他好文 时间:
2016-05-18 19:13:48
阅读次数:
160
Grunt这货是啥? Grunt 是一个基于任务的 JavaScript 项目命令行构建工具。 最近很火的前端自动化小工具,基于任务的命令行构建工具 http://gruntjs.com Grunt能帮我们干啥? 在开始介绍前,先向大家描述下面的场景: 【场景1:项目开始前】 【场景2:编码中】 编 ...
分类:
其他好文 时间:
2016-05-11 23:28:00
阅读次数:
216
1.安装Grunt http://www.gruntjs.net/getting-started 2.编辑 package.json 文件 3.执行npm命令 注意:必须在package.json文件目录下执行 执行命令后就会在根据package.json文件下载相关插件 4.配置Gruntfile ...
分类:
其他好文 时间:
2016-05-07 12:58:28
阅读次数:
191
grunt的安装 官方站点:http://gruntjs.com/ 安装指令: 验证方面:grunt 见到上图,就是grunt已经安装成功。 yeoman的安装 yeoman自动将最佳时间和工具整合进来,大大加速和方便了我们的后续的开发。 官方站点:http://yeoman.io/ 安装指令: 验 ...
分类:
其他好文 时间:
2016-04-25 14:32:20
阅读次数:
133
本文转载自无双 ,原文地址 http://www.cnblogs.com/2050/p/4198792.html。 感谢原博主的辛苦总结。 gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是node ...
分类:
Web程序 时间:
2016-04-18 00:38:34
阅读次数:
296
浅语:grunt中文网:http://www.gruntjs.net/ 第一步:Grunt 依赖 Node.js 所以在安装之前确保你安装了 Node.js。然后开始安装 Grunt。 实际上,安装的并不是 Grunt,而是 Grunt-cli,也就是命令行的 Grunt,这样你就可以使用 grun ...
分类:
其他好文 时间:
2016-03-26 18:57:20
阅读次数:
262
grunt-contrib-uglify uglify是一个文件压缩插件,项目地址:https://github.com/gruntjs/grunt-contrib-uglify 本文将以一个DEMO来展示如何使用uglify插件。 DEMO环境 package.json: { "name": "g
分类:
其他好文 时间:
2016-02-18 17:56:03
阅读次数:
214