前端打包构建工具grunt快速入门（大篇幅完整版）

打包的目的和意义就不用叙述了直接上干货

http://www.gruntjs.net/getting-started里面的教程也太简单了，需要下一番功夫去研究才行。本文将grunt打包的常用方法都用实例描述，更加清晰易懂。

1.    第一个简单的grunt打包

 1)需要安装nodejs：http://www.cnblogs.com/chuaWeb/p/nodejs-npm.html

　　本人的nodejs工程目录为F:\chuaNodejs（后续所有相对路径都是相对于这个目录）

2)命令行到nodejs目录（需要系统管理员权限，不然后续过程中会报错）执行npm install -g grunt-cli

3)在nodejs工程目录下建一个package.json，内容为

{ "name": "my-first-grunt", "file": "jquery", "version": "0.1.0", "devDependencies": {  "grunt": "~0.4.5",  "grunt-contrib-jshint": "~0.10.0",  "grunt-contrib-nodeunit": "~0.4.1",  "grunt-contrib-uglify": "~0.5.0" }}

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：前端打包构建工具grunt快速入门（大篇幅完整版）

关键词：前端