〔grunt第一弹〕30分钟学会使用grunt打包前端代码.docVIP

前言 以现在前端js激增的态势，一个项目下来几十个js文件轻轻松松对于复杂一点的单页应用来说，文件上百简直是家常便饭，那么这个时候我们的js文件应该怎么处理呢？另外，对于css文件，又该如何处理呢？？这些都是我们实际工作中要遇到的问题，比如我们现在框架使用zepto、backbone、underscore我们要如何将他们合成一个libs文件，这都是令人头疼的问题 但是grunt的出现却让这些事情变得优雅起来！简单一键，打包结束，尼玛不是不可能啊！ grunt 是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查 对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件 初学，有误请包涵 准备阶段 1、nodeJs环境 因为grunt是基于nodeJs的，所以首先各位需要安装nodeJS环境，这块我们便不管了 2、安装grunt 有了nodeJs环境后，我们便可以开始搞grunt了，因为我们可能在任何目录下运行打包程序，所以我们需要安装CLI官方推荐在全局安装CLI（grunt的命令行接口） npm install -g grunt-cli 这条命令将会把grunt命令植入系统路径，这样就能在任意目录运行他，原因是 每次运行grunt时，它都会使用node的require查找本地是否安装grunt