Browsersync на моем порту 10080

Question

Я не могу заставить синхронизацию браузера Grunt обновлять мои изменения. Я не использую Grunt, поэтому я немного новичок в этом. Может быть, некоторые из вас знают, что может быть неправильно?

Я использую XAMPP и запускает WordPress сайт по адресу: http://localhost:10080/wp_demo2/

(я использую порт 10080, чтобы избежать конфликта с Skype)

Вот мои gruntfile.js (обновлено)

var root = './htdocs/wp_demo2/wp-content/themes/isak/'; 
module.exports = function (grunt) { 

    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 

     sass: { 
      options: { 
       style: 'expanded', 
       precision: 5 
      }, 
      all: { 
       files: { 
        'css/output.css': 'scss/input.scss' 
       } 
      } 
     }, 
     watch: {    
      files: 'scss/**/*.scss', 
      tasks: ['sass'] 

     }, 
     browserSync: { 
      dev: { 
       bsFiles: 
       { 
        src: [root+'css/output.css', root + '**/*.php'] 
       }, 
       options: {      
        watchTask: true, 
        proxy: "localhost:10080/wp_demo2" 
       } 
      } 
     } 

    }); 

    grunt.loadNpmTasks('grunt-contrib-sass'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.loadNpmTasks('grunt-browser-sync'); 

    grunt.registerTask('default', ['browserSync', 'watch']); 

}; 

Answer 1

files внутри параметров Browsersync - это локальный путь, а не URL. Я бы установил порт в path и переместил маршруты к файлам за пределами options.

// ... 

browserSync: { 
    dev: { 
     bsFiles: { 
      src: ['css/output.css', '**/*.php'] 
     }, 
     options: { 
      watchTask: true, 
      proxy: 'localhost:10080/wp_demo2' 
     } 
    } 
} 

// ... 

grunt.registerTask('dev', ['sass', 'browserSync', 'watch']); 

Браузеры должны обновляться при изменении output.css.

Ваш номер Gruntfile.js должен быть расположен по адресу ..

**/* означает «поиск во всех папках».