如何设置翡翠包括与g玉

我目前正在使用gulp-jade，而且我正在努力如何设置Jade，包括在我的gulpfile.js中（澄清，我在这里指的是http://jade-lang.com/reference/includes/ ）是我的gulpfile.js中的代码

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']); }); 

我知道这是相当多的parsing。 我希望这是一个标准的东西，这不会花太长的时间。 如果你有兴趣看到整个文件结构，可以在我的github https://github.com/CharlieGreenman/Gulp-with-foundation-and-sass

谢谢，任何帮助将不胜感激！

Answer 1

我写了一个Gulp插件，通过允许你添加一些任意的path来parsing包含和扩展，从而简化了你的包含，所以你不必担心相对path。 看看： https ： //github.com/tomlagier/gulp-jade-modules

Answer 2

事实certificate，这非常简单。 有一件事我做错了

1. 我正在使用包括../includes /头，而不是包括../includes/head（使用包括实际上在我工作的咕噜，进一步的研究，我看到我用它错了一口气。