如何設置玉包括與g玉

我目前正在使用gulp玉，我正在努力如何設置玉包括在我的gulpfile.js（澄清，我在這裏指http://jade-lang.com/reference/includes/）以下是在我gulpfile.js如何設置玉包括與g玉

var gulp  = require('gulp'); 
 
var browserSync = require('browser-sync'); 
 
var sass  = require('gulp-sass'); 
 
var uglify  = require('gulp-uglify'); 
 
var jade  = require('gulp-jade'); 
 
var jshint  = require('gulp-jshint'); 
 
var fileinclude = require('gulp-file-include'); 
 
var reload  = browserSync.reload; 
 

 

 
//compile jade to html 
 
gulp.task('templates', function() { 
 

 
    var YOUR_LOCALS = {}; 
 

 
    gulp.src('./app/jade/*.jade') 
 
     .pipe(jade({ 
 
      locals: YOUR_LOCALS 
 
     })) 
 
     .pipe(gulp.dest('./dist/')) 
 
}); 
 

 
//reload files, once jade compilation happens 
 

 
gulp.task('jade-watch', ['templates'], reload); 
 

 

 
//Sass task for live injecting into all browsers 
 

 
gulp.task('sass', function() { 
 
    gulp.src('./app/scss/*.scss') 
 
     .pipe(sass()) 
 
     .pipe(gulp.dest('./dist/css')) 
 
     .pipe(reload({stream: true})); 
 
}); 
 

 
//Separate task for the reaction to js files make change even without compilation and what not 
 
gulp.task('compress', function() { 
 
    return gulp.src('./app/js/*.js') 
 
    .pipe(uglify()) 
 
    .pipe(gulp.dest('./dist/js')); 
 
}); 
 

 
gulp.task('js-watch', ['compress'], reload); 
 

 
//Serve and watch the scss/jade files for changes 
 

 
gulp.task('default', ['sass', 'templates', 'compress'], function() { 
 

 
    browserSync({server: './dist'}); 
 

 
    gulp.watch('./app/**/*.jade', ['jade-watch']); 
 
    gulp.watch('./app/scss/*.scss', ['sass']); 
 
    gulp.watch('./app/js/*.js', ['js-watch']); 
 

 
});

代碼我知道這是一個相當位通過解析。我希望這是一個標準的東西，這不會花太長的時間。如果你有興趣看到整個文件結構，可以在這裏看到我的github https://github.com/CharlieGreenman/Gulp-with-foundation-and-sass

謝謝你，任何幫助將超過讚賞！

來源

2015-05-29 Master-Chief