简单介绍grunt:
- Grunt 是一个 JavaScript 自动化任务处理工具,是一个工具框架,有很多插件扩展它的功能。当我们需要做大量的重复工作时,比如:压缩/缩小/单元测试等,Grunt能够自动化(automation)地帮我们完成这些工作。
- Grunt 基于Node.js,Grunt及它的插件都作为一个包,可以用NPM安装进行管理,所以,NPM生成的package.json项目文件,记录当前项目中用到的 Grunt 插件。
- Grunt会调用Gruntfile.js文件,解析里面的任务并执行相应操作,需要安装Grunt-cli,也就是命令行的 Grunt,当然 Grunt-cli安装的并不是Grunt 。
安装及配置步骤:
1. 安装nodejs
官网下载 node-v4.2.2.pkg,按照后,同时安装了node 和npm,它将在你的机器上安装 Node.js和 npm (node package manager)。
2. 安装grunt-cli
“CLI”被翻译为“命令行”。要想使用grunt,首先必须将grunt-cli安装到全局环境中,使用nodejs的“npminstall…”进行安装。打开控制台(注意:windows系统下请使用管理员权限打开),输入:npm install -g grunt-cli,注意,mac os系统、部分linux系统中,在这句话的前面加上“sudo ”指令。安装完成后,这时候要验证一下grunt-cli是否安装完成并生效,你只需要继续在命令行中输入“grunt”命令即可。如果生效,则会出现以下结果:
你不要管这些结果是什么意思,总之出现这些提示,证明你的grunt-cli安装成功了。注意:我们可以在机器上同时安装多个不同版本的Grunt(package.json)。Grunt CLI用来运行配置好Gruntfile.js的Grunt。
3. 创建项目结构
Grunt是应用于实际