grunt:基于:node 开发
压缩代码,合并代码,检测代码书写规范...
前端自动化工具
构建项目
官网:http://gruntjs.com/
中文官网:http://www.gruntjs.net/
插件地址:http://gruntjs.com/plugins
cmd使用流程:
1.安装grunt的命令环境
npm install -g grunt-cli
验证grunt已安装
grunt -version
2.需要准备两个文件:(名字不能乱叫)
Gruntfile.js 编写任务
package.json 工程文件 npm init
3.编写具体任务
module.exports=function(grunt){
console.log("第一个grunt程序");
}
4.安装本地grunt
npm install grunt --save-dev
5.运行
找到Gruntfile这个js所在目录
执行命令: grunt
压缩插件:
图片--> npm install grunt-contrib-imagemin --save-dev
HTML --> npm install grunt-contrib-htmlmin --save-dev
css --> npm install grunt-contrib-cssmin --save-dev
js --> npm install grunt-contrib-uglify --save-dev
监听模块 --> npm install grunt-contrib-watch --save-dev
合并文件--> npm install grunt-contrib-concat --save-dev
其余插件:
grunt-contrib-clean 删除文件以及文件夹
grunt-contrib-copy 复制东西
grunt-contrib-jshint 检测js语法代码