grunt安装使用简介
grunt是一个基于任务的实现自动化工作流的平台
安装
- npm uninstall grunt -g //卸载grunt
- npm install grunt-cli -g //安装grunt-cli
- npm install grunt-init -g //安装grunt-init 自动初始化grunt工程 可选安装
grunt-init是个脚手架工具,它可以帮你完成项目的自动化创建,包括项目的目录结构,每个目录里的文件等。具体情况要看你运行grunt-init指定的模板,以及创建过程中你对问题的回答。
配置
从官网下载package.json,gruntfile.js文件放到项目的根目录,并对它们进行修改配置
- package.json //项目自动化所依赖的相关插件
- gruntfile.js //项目自动化工作流配置文件 重要
//package.json:
{
"name":"my-project-name",
"version": "0.1.0",
"devDependencies":{
"grunt":"~0.4.1",
"grunt-contrib-jshint":"~0.6.0",
"grunt-contrib-nodeunit": "~0.2.2",
"grunt-contrib-uglify": "~0.2.2"
}
}
//gruntfile.js: commonJs模块定义方式
module.export = function(grunt){
//project configuration
grunt.initConfig(function(){
pkg: grunt.file.readJSON('package.json'),
uglify: {
options:{
banner:'/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") */'
},
build:{
src: "src/<%= pkg.name %>.js",
dest: "build/<%= pkg.name %>.min.js"
}
}
});
}
//load the plugin that provides the "unglify" task
grunt.loadNpmTasks('grunt-contrib-uglify');
//default task(s)
grunt.registerTask('default',['uglify']);