0

だから私はbrowsersyncで動作するgulpを持っているようです。gulp を起動すると、ブラウザが開き、次のように表示されます。

[13:01:41] Using gulpfile D:\Test\gulpfile.js
[13:01:41] Starting 'browser-sync'...
[13:01:41] Finished 'browser-sync' after 46 ms
[13:01:41] Starting 'default'...
[13:01:41] Finished 'default' after 12 µs
[BS] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://10.127.127.1:3000
 -------------------------------------
      UI: http://localhost:3001
  UI External: http://10.127.127.1:3001
 -------------------------------------
[BS] Serving files from: ./

ここに私のgulpfileがあります

var gulp = require('gulp');
var browserSync = require('browser-sync').create();


// Static server
gulp.task('browser-sync', function() {
   browserSync.init({
        server: {
            baseDir: "./"
        }
    });
 });

gulp.task('default', ['browser-sync']);

プロジェクト内のすべてのファイルを監視し、変更があったときにリロードするだけです。

4

2 に答える 2

0

タスクを変更してみてください (1 行追加するだけです)

gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
    gulp.watch("**/*").on('change', browserSync.reload); // add this line 
});

または、私の gulp 構成を試すことができますhttps://github.com/infernalmaster/gulp-happy-starter (多くのコード例が含まれています)

于 2015-06-10T23:47:06.707 に答える