“咕噜玉”不工作或编译玉到html

所以我正在研究这个项目,我正在使用gulp。 我需要它能够编译我写的翡翠(在_jadefiles文件夹中)并将它们作为.html输出到我的项目的_includes文件夹中。

目前我正在编译和运行的东西是: – BrowserSync – Sass(技术上是Scss) – Autoprefixer – 一些叫做subprocess的东西(我从一个叫' jekyll-gulp-sass-browser-sync '的工具包开始) – 很明显,玉。

注意:我也在使用Jekyll,但是,希望没关系。

我正在关注DevTips的一个video,名为Design + Code Hour 4.1

这是他现在的代码:

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 jade = require('gulp-jade'); 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')); }); 

他的玉饮料:

 /* * I'm trying to gulp stuff, too. - */ gulp.task('jade', function(){ return gulp.src('_jadefiles/*.jade') .pipe(jade()) .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('_jadefiles/*.jade', ['jade']); }); /** * Default task, running just `gulp` will compile the sass, * compile the jekyll site, launch BrowserSync & watch files. */ gulp.task('default', ['browser-sync', 'watch']); 

一切工作正常,免除这一点。

你可以扩大你看到的任何错误吗?

gulp jade _ gulp jade

我的直觉是,在你的玉标记(或者我们需要开始调用它的帕格)中,更有可能是一个错误。

你可以发表任何?

有点晚了,但希望它可以帮助寻找类似的答案的人,我几乎疯了试图找出自己的这个。

这听起来有点愚蠢,但是在遇到类似的问题(玉咕咕咕咕咕咕咕咕咕咕咕咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜),然后在整个networkingsearch没有运气的答案,玉文件(额外的空格字符),所以它不会编译到任何东西。

尝试注释掉你的.jade文件的全部内容,然后尝试用吞咽玉来parsing一个非常简单的行(例如h1 hello)。 检查它是否工作,如果有,开始debugging你的代码。 或者,您可以用简单的代码创build一个新的.jade文件,而不是注释掉原始文件。

希望能帮助到你!