yuheijotaki.com

2014/09/04 : 
Grunt 導入など

以前に1回やって忘れました

 

とりあえずできるのJSの圧縮くらいかなーと思いやってみます。

 

これの —– これ以下はプロジェクト毎に行う —– からGruntfile.js作成まではとりあえず同じで。

 

そんでJSの圧縮と常時監視のプラグインの2つをいれる

npm install grunt-contrib-uglify -save-dev

npm install grunt-contrib-watch -save-dev

 

そんでGruntfile.jsを編集
これは commonフォルダ以下にcommon.jsがある場合なので、便宜変更で

module.exports = function (grunt) {
	grunt.initConfig({
		uglify: {
			dist: {
				files: {
					// 出力ファイル: 出力前のファイル
					'common/common.min.js': 'common/common.js'
				}
			}
		},
		watch: {
			js: {
				files: 'common/*.js', // 監視対象フォルダ/監視対象拡張子
				tasks: ['uglify'] // 実行させるタスク カンマ区切り
			}
		}
	});
	grunt.loadNpmTasks('grunt-contrib-uglify');
	grunt.loadNpmTasks('grunt-contrib-watch');
	grunt.registerTask('default', ['uglify']);
};

 

こんな感じにして、ターミナルで

cd desktop/test

で デスクトップ > test フォルダに移動

 

その後、

grunt watch

とする。

 

common.jsを編集して保存すると、
common.min.jsに圧縮されたjsファイルが入っているはず。

 

common.jsいじるときは
Sublime Textのメニュー Tools > Build System > Automatic
になっているか確認を

 

◯参考