grunt 的安装和简单使用

安装Grunt命令行

npm install -g grunt-cli

创建package.json，如果有package.json包，可以直接npm install加载依赖组件

npm init

安装grunt

npm install grunt

linux 上面创建Gruntfile.js文件

touch Gruntfile.js

window上面（）

echo test >> Gruntfile.js

Gruntfile.js下面输入

module.exports = function(grunt){
	//自定义任务（命令行可以输入grunt speak，grunt yell，或者不输入直接输入grunt）
	grunt.registerTask('speak',function(){
		console.log('I am speaking');
	});

	grunt.registerTask('yell',function(){
		console.log('I am yell');
	})

	grunt.registerTask('default',['speak','yell']);
}

//命令行操作

npm install grunt-contrib-concat --save-dev
npm install grunt-contrib-watch --save-dev

module.exports = function(grunt){

	grunt.initConfig({
	  concat: {
	    js: {
	      src: ['js/js1.js', 'js/js2.js'],
	      dest: 'dist/js/js.min.js',
	    },
	    css : {
	      src: ['css/css1.css', 'css/css2.css'],
	      dest: 'dist/css/css.min.css'
	    }
	  },
	  watch: {
		  js: {
		    files: ['js/**/*.js'],
		    tasks: ['concat:js']
		  },
		  css: {
		    files: ['css/**/*.css'],
		    tasks: ['concat:css']
		  }
		}
	});
	grunt.loadNpmTasks('grunt-contrib-concat');
	grunt.loadNpmTasks('grunt-contrib-watch');
	grunt.registerTask('default',['concat','watch']);
}