2017-05-19 4 views
0

지킬과 걸프를 사용하여 웹 사이트를 구축하고 있습니다. 자바 스크립트 파일을 수정할 때 .js 파일이 자동으로 업데이트되지 않고 .js 파일을 변경할 때마다 프로젝트를 "재 gulp"해야합니다.BrowserSync 및 Gulp가 Javascript 파일 (지킬)을 새로 고치지 않습니다.

이 내 꿀꺽 파일

var gulp  = require('gulp'); 
var browserSync = require('browser-sync'); 
var sass  = require('gulp-sass'); 
var prefix  = require('gulp-autoprefixer'); 
var cp   = require('child_process'); 
var pug   = require('gulp-pug'); 

var jekyll = process.platform === 'win32' ? 'jekyll.bat' : 'jekyll'; 
var messages = { 
    jekyllBuild: '<span style="color: grey">Running:</span> $ jekyll build' 
}; 

/** 
* Build the Jekyll Site 
*/ 
gulp.task('jekyll-build', function (done) { 
    browserSync.notify(messages.jekyllBuild); 
    return cp.spawn(jekyll , ['build'], {stdio: 'inherit'}) 
     .on('close', done); 
}); 

/** 
* Rebuild Jekyll & do page reload 
*/ 
gulp.task('jekyll-rebuild', ['jekyll-build'], function() { 
    browserSync.reload(); 
}); 

/** 
* Wait for jekyll-build, then launch the Server 
*/ 
gulp.task('browser-sync', ['sass', 'jekyll-build'], function() { 
    browserSync({ 
     server: { 
      baseDir: '_site' 
     }, 
     notify: false 
    }); 
}); 

/** 
* Compile files from _scss into both _site/css (for live injecting) and site (for future jekyll builds) 
*/ 
gulp.task('sass', function() { 
    return gulp.src('assets/css/main.scss') 
     .pipe(sass({ 
      includePaths: ['css'], 
      onError: browserSync.notify 
     })) 
     .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true })) 
     .pipe(gulp.dest('_site/assets/css')) 
     .pipe(browserSync.reload({stream:true})) 
     .pipe(gulp.dest('assets/css')); 
}); 

/* 
* Pug Stuff 
*/ 

gulp.task('pug', function(){ 
    return gulp.src('_pugfiles/*.pug') 
    .pipe(pug()) 
    .pipe(gulp.dest('_includes')); 
}); 




/** 
* Watch scss files for changes & recompile 
* Watch html/md files, run jekyll & reload BrowserSync 
*/ 
gulp.task('watch', function() { 
    gulp.watch('assets/css/**', ['sass']); 
    gulp.watch(['index.html', '_layouts/*.html', '_includes/*'], ['jekyll-rebuild']); 
    gulp.watch('_pugfiles/*.pug', ['pug']); 
}); 

/** 
* Default task, running just `gulp` will compile the sass, 
* compile the jekyll site, launch BrowserSync & watch files. 
*/ 
gulp.task('default', ['browser-sync', 'watch']); 

답변

0

우선, (초기화를 추가,

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

둘째 변경) 호출입니다 : 마지막으로

browserSync.init({ 

, 나도 몰라 pug 파일에 대해서는 아무것도 없지만 pug 작업이 끝나면 다시로드하지는 않습니다.

+0

작동하지 않습니다. –