grunt安装使用简介

grunt是一个基于任务的实现自动化工作流的平台

安装

  1. npm uninstall grunt -g //卸载grunt
  2. npm install grunt-cli -g //安装grunt-cli
  3. 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']);

你可能感兴趣的:(grunt)