0

私はかなり基本的なセットアップをsass、watch、uglifyで行っていますが、何らかの理由でjsファイルが保存されたときに検出することができません。私は 'grunt uglify'を実行してJSファイルをバンドルし、ウォッチが(別のコンソールインスタンスで)実行されている場合は、それを検出してリロードをトリガーします。UglifyはGrunt Watchと連携していません

私はたくさんの組み合わせを試しましたが、私はそれが本当にダムなのか、私はそれを見ていないのですか?

私gruntfile.js:あなたの時計の設定で

module.exports = function(grunt) { 
    grunt.registerTask('default', ['sass', 'uglify']); 
    grunt.initConfig({ 
    sass: { 
     dist: { 
     options: { 
      style: 'expanded' 
     }, 
     files: { 'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/css/main.css': 'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/css/main.scss' } 
     } 
    }, 
    uglify: { 
     my_target: { 
     files: { 
      'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/js/site.js': [ 
      'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/lib/jquery/dist/jquery.js', 
      'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/lib/*.js' 
      ] 
     } 
     } 
    }, 
    watch: { 
     options: { 
     livereload: 35729, 
     }, 
     html: { 
     files: ['fivesixtwo.com/src/FiveSixTwo.com/Views/*.cshtml'], 
     }, 
     sass: { 
     options: { 
      livereload: false 
     }, 
     files: ['fivesixtwo.com/src/FiveSixTwo.com/wwwroot/css/*.scss'], 
     tasks: ['sass'] 
     }, 
     css: { 
     files: ['fivesixtwo.com/src/FiveSixTwo.com/wwwroot/css/main.css'], 
     tasks: [] 
     }, 
     scripts: { 
     files: ['fivesixtwo.com/src/FiveSixTwo.com/wwwroot/js/site.js'], 
     tasks: ['uglify'] 
     } 
    } 
    }); 

    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.loadNpmTasks('grunt-contrib-sass'); 
    grunt.loadNpmTasks('grunt-contrib-uglify'); 

}; 

答えて

1

ルック:

scripts: { 
    files: ['fivesixtwo.com/src/FiveSixTwo.com/wwwroot/js/site.js'], 
    tasks: ['uglify'] 
} 

あなただけsite.jsと呼ばれる単一のjsファイルの変更を監視しています。すべてのソースを見るには、この設定を使用してください:

scripts: { 
    files: ['fivesixtwo.com/src/FiveSixTwo.com/wwwroot/lib/*.js'], 
    tasks: ['uglify'] 
} 

uglify設定と同じパターンを使用してください。 jquery自体を変更するつもりはないと思いました。

+0

まあ、それは完全にそれでした。ワオ。どのように脳は、ソリューションがどれほどシンプルであっても、何か過去を乗り越えることができない状態になるのでしょうか? 私の頭では、単一のJSファイルを生成しているので、私が持っていたやり方でうまくいくはずでした。変更についてはただ見ています。それは、CSSが動作している方法です。 このファイルを見て、uglifyタスクを実行してjsファイルをバンドルする 'uglify'を実行しています。今私はそれがどのように動作していないことがわかります。まだ少し混乱していますが、少なくとも私はどのようにセットアップされるべきかを知っています。 ;) 私は_これが他の誰かを助けることを願っています! – sinrise

+1

@sinriseあなたは大歓迎です。 –

関連する問題