For Grunt.js

Gruntfile.js

module.exports = function(grunt) {
  	//ターゲットとするファイルを定義する
  	//["css/hoge1.css", "css/hoge2.css"]のように個別指定でもOK。
  	//["css/**/*.css"]のようにするとcss以下を再帰的に探索してくれる
  	//今回はcompassを使うので拡張子がscssになってます
	var scssFiles = ["src/css/*.scss"];
	var jsFiles = ["src/js/common.js"];
	var jsFiles2 = ["src/js/balloon.js"];
 
	//タスクを初期化する
	grunt.initConfig({
 
		//タスクに関する設定
		uglify: {
			dist1: {
				src: ['src/js/common.js'],
				dest:'dest/js/common.js'
			},
			dist2: {
				src: ['src/js/balloon.js'],
				dest:'dest/js/balloon.js'
			}
		},
		compass: {
			dev: {
				src: 'src/css/',
				dest: 'dest/css/',
				linecomments: true,
				outputstyle: 'compressed',
				forcecompile: false,
				debugsass: false,
				relativeassets: false
			}
		},
 
		//grunt-contrib-watchに関する設定
		//↑で定義したファイルを監視し、
		//変更があった場合にtasksに定義されるタスクが実行される
		watch: {
			js:{
				files:jsFiles,
				tasks:["uglify:dist1"]
			},
			js2:{
				files:jsFiles2,
				tasks:["uglify:dist2"]
			},
			css:{
				files:scssFiles,
				tasks: ["compass"]
			}
		}
	});
 
	//インストールしたモジュールをロードする
	grunt.loadNpmTasks('grunt-contrib-mincss');
	grunt.loadNpmTasks('grunt-contrib-uglify');
	grunt.loadNpmTasks('grunt-contrib-watch');
	grunt.loadNpmTasks('grunt-compass');
 
	//コマンドラインでgruntだけ入力し実行した場合に
	//ここでは↑で定義したwatchタスクを実行するという設定
	//コマンドラインでgrunt watchと入力するのと同じ
	//grunt.registerTask('default', ['jshint', 'nodeunit', 'concat']);のような記述も可能
	grunt.registerTask("default", "watch");
 
	console.log(grunt.file.watchFiles);
};

package.json

{
  "name": "my-project-name",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": ">=0.4.0",
    "grunt-contrib-uglify": ">=0.1.0",
    "grunt-contrib-watch": ">=0.2.0",
    "grunt-contrib-mincss": ">=0.3.2",
    "grunt-compass": ">=0.3.7",
  }
}