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