私のポートでのブラウザ同期10080

Question

グランツのブラウザの同期を取得して変更を更新することができません。私はGruntをあまり使用していないので、私は少しこれに慣れています。多分何人かが間違っているかもしれないことを知っていますか？私はXAMPPを使用してのWordPressのサイトを運営しています

：ここでは（私はスカイプとの競合を避けるために、ポート10080を使用）

を http://localhost:10080/wp_demo2/

は私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以外のファイルにルートを移動します。 output.cssが変更されたとき

// ... 

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

// ... 

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

Browsersyncを更新する必要があります。

お客様のGruntfile.jsは、.パスにある必要があります。

**/*は「すべてのフォルダで検索」を意味します。