以前に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
になっているか確認を
◯参考