长期东忙西忙,却不忙更新自己的博客,缺少输出,甚为羞愧记得我当初刚接触GruntJS的时候对NodeJS一知半解,所以第一次使用花了些时间才熟悉起来。本文希望能帮助朋友们高速入门。为什么要合并、压缩你的JS文件?在開始之前,先重申一下这个问题。由于常常在帮忙改东西的时候看到HTML页面上引用了N个J...
分类:
Web程序 时间:
2014-10-23 19:16:30
阅读次数:
225
作为前端工程师,拿到产品那一刻起,各种折腾就开始了。...
两个网址http://www.gruntjs.org/docs/getting-started.htmlhttp://gruntjs.com/plugins步骤:1.cd demo文件夹下2.安装grunt-clinpm install -g grunt-cli //全局安装 -g3.手动生产或自....
分类:
Web程序 时间:
2014-09-15 21:01:59
阅读次数:
765
web项目构建很有必要,但是作为小作坊开发,一直也不想去多花一点精力去折腾,今天终于鼓起勇气去啃了啃Grunt。光看Grunt的官方文档有点枯燥,下面是Snandy写的一些列实际的例子,这个就比较直观了,由于比较懒,喜欢拿来主义,摘抄在这里哦。 使用GruntJS构建Web程序 (1) 使用...
分类:
Web程序 时间:
2014-09-05 14:22:01
阅读次数:
198
1. 目的提交代码前能够自动化静态代码检查,提高代码质量2. 准备1. Nodejs安装:官方地址:http://nodejs.org/安装说明:根据电脑配置下载对应的版本进行安装检查安装是否成功:2. 安装Grunt:GruntJs官方网址:http://www.gruntjs.org/安装说明:...
分类:
Web程序 时间:
2014-09-03 19:41:57
阅读次数:
234
使用grunt用于实现前端的一些工作自动化。目前我使用到的主要是js压缩和css压缩在目录里面必须包含两个文件:Gruntfile.js和package.jason一 package.json这相当于是使用grunt的一个配置文件:{ "name": "gruntjs.cn", "versio...
分类:
其他好文 时间:
2014-08-26 16:59:56
阅读次数:
231
https://github.com/hakimel/reveal.js#installation1.install Node.jsbrew install nodejs2. install Grunthttp://gruntjs.com/getting-started#installing-the...
分类:
Web程序 时间:
2014-08-14 23:28:56
阅读次数:
262
本文主要如何使用GruntJS来作简单的前端性能优化的自动化处理,主要有图片的压缩,JS和CSS的合并、压缩,对所有静态文件的文件根据其内容加上hash,然后把CSS、HTML等文件中对所有的静态文件名替换成加上hash的新文件名。...
分类:
Web程序 时间:
2014-08-14 20:41:29
阅读次数:
252
Grunt和Grunt插件都是通过npm安装并管理。npm是node.js的包管理器。 所以grunt必须在nodejs环境。通过npm安装并管理。 1,安装CLI npm install –g grunt-cli 这句话就是将grunt命令行(CLI)安装到全局环境中,这样以后就可以在任意子目录执...
分类:
Web程序 时间:
2014-07-22 00:21:33
阅读次数:
242
长期东忙西忙,却不忙更新自己的博客,缺少输出,甚为惭愧
记得我当初刚接触GruntJS的时候对NodeJS一知半解,所以第一次使用花了些时间才熟悉起来。本文希望能帮助朋友们快速入门。
为什么要合并、压缩你的JS文件?
在开始之前,先重申一下这个问题。因为经常在帮忙改东西的时候看到HTML页面上引用了N个JS,而通常看到这个就知道这人JS写得有多糟糕了。HTML里穿插一堆JS代码的我就不吐槽了...
分类:
Web程序 时间:
2014-07-08 14:49:47
阅读次数:
270