2016-07-13 5 views
0

Я использую Grunt для просмотра изменений в файлах sass/js и их компиляции в мою общую папку. Я установил функцию Livereload, которая работает нормально, но когда я скомпилирую js, Livereload перезагружает мою страницу 2 раза, что раздражает. Я думаю, это связано с тем, что у меня есть несколько JS-файлов, созданных во время просмотра (concat, minify).Livereload только при изменениях в общей папке

Поэтому я подумал, что может быть хорошей идеей только перезагрузить изменения в моей общей папке с тех пор (на данный момент). У меня есть только один файл js (uglify.js) и один файл css (main.css). Но я не вижу, как я могу работать.

Это как мой текущий gruntfile выглядит:

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'); 

    }; 

ответ

0

Я добавил задачу перезагрузки в часы:

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

И теперь он работает :)

 Смежные вопросы

  • Нет связанных вопросов^_^