Jekyll與Gulp清除生成文件夾

我正在使用Jekyll + Gulp構建環境。因此，使用下面的gulpfile.js，構建過程首先生成一個dist/css文件夾，其中包含已編譯的CSS，然後清除整個dist文件夾，以便將jekyll build結果放入其中。所以，我無法編譯dist文件夾中的scss文件，因爲每次jekyll都完全清除它。Jekyll與Gulp清除生成文件夾

var gulp  = require('gulp'); 
var browserSync = require('browser-sync'); 
var sass  = require('gulp-sass'); 
var child  = require('child_process'); 


gulp.task('jekyll', function (done) { 
    return child.spawn('jekyll' , ['build']).on('close', done); 
}); 

gulp.task('jekyll-rebuild', ['jekyll'], function() { 
    browserSync.reload(); 
}); 

gulp.task('browser-sync', ['sass', 'jekyll'], function() { 
    browserSync({ 
     server: { 
      baseDir: 'dist' 
     } 
    }); 
}); 

gulp.task('sass', function() { 
    return gulp.src('src/_sass/theme.scss') 
     .pipe(sass({ 
      includePaths: ['scss'], 
      onError: browserSync.notify 
     })) 
     .pipe(browserSync.reload({stream:true})) 
     .pipe(gulp.dest('dist/css')); 
}); 

gulp.task('watch', function() { 
    gulp.watch('src/_sass/*.scss', ['sass']); 
    gulp.watch(['src/*.html', 'src/_layouts/*.html', 'src/_includes/*'], ['jekyll-rebuild']); 
}); 

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

來源

2017-05-03 user6542453

傑奇可以本地編譯青菜，爲什麼使用一飲而盡這個？ – marcanuy

我不是隻用於sass – user6542453

我必須避免並行運行jekyll任務與styles和scripts所以我使用了一個runSequence。

gulp.task('build',() => { 
    runSequence('jekyll', ['styles', 'scripts']); 
}); 

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

來源

2017-05-03 13:25:12 user6542453

在你化身的配置需要聲明你想保留的文件夾：

keep_files: [ css, build ]

當重挫網站目標，保持選定的文件。對於不是由jekyll生成的文件很有用;例如文件或由您的構建工具生成的資產。路徑是相對於目的地的。

https://jekyllrb.com/docs/configuration/

來源

2017-05-03 13:27:17

Jekyll與Gulp清除生成文件夾

回答

相關問題