パブリックフォルダの変更時にのみライブリロード

Question

私はGrassを使用して自分のsass/jsファイルの変更を監視し、パブリックフォルダにコンパイルします。 Livereload機能は正常に動作していますが、jをコンパイルすると、Livereloadは自分のページを2回リロードしてしまい、迷惑です。これは、私が時計（concat、minify）中に作成された複数のJSファイルを持っているからです。

私はパブリックフォルダ内の変更をリロードするのは良いアイデアかもしれないと思っています。今のところ、私は1つのjsファイル（uglify.js）と1つのCSSファイル（main.css）しか持っていないからです。しかし、私はそれがどのように働くか見ることができません。私は私の時計でreloadタスクを追加しました

module.exports = function (grunt) { 

     // Project configuration. 
     grunt.initConfig({ 
      watch: { 
       watch_js_files: { 
        files: ['js/*.js'], 
        tasks: ['concat', 'minified', 'uglify'], 
       }, 
       watch_sass_files: { 
        files: ['css/*.scss'], 
        tasks: ['sass'], 
       } 
      }, 
      connect: { 
       server: { 
        options: { 
         open: true, 
         keepalive: true, 
         hostname: 'localhost', 
         port: 8080, 
         base: '' 
        } 
       } 
      }, 
      concat: { 
       dist: { 
        src: ['js/*.js'], 
        dest: 'js/min/concat.js' 
       }, 
      }, 
      minified: { 
       files: { 
        src: ['js/min/concat.js'], 
        dest: 'js/min/minified.js' 
       }, 
      }, 
      uglify: { 
       my_target: { 
        files: { 
         'public/js/uglify.js': ['js/min/minified.jsconcat.js'] 
        } 
       } 
      }, 
      sass: { 
       dist: { 
        files: { 
         'public/css/main.css': 'css/*.scss' 
        } 
       } 
      } 

     }); 

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

    }; 

Answer 1

：

は、これが私の現在のgruntfileがどのように見えるかです

 reload: { 
      files: ['*.html', 'public/css/*.css', 'public/js/*.js'], 
      options: { 
       livereload: true, 
       host: 'localhost', 
       port: 35729, 
      } 
     }, 

をそして今、それは動作します:)