'吞玉;没有工作或将jade编译为html
'gulp-jade' not working or compiling jade to html
所以我正在做这个项目,我正在使用gump。我需要它能够编译我写的jade(在_jadfiles文件夹中),并将它们作为.html输出到我项目的_includes文件夹中。
我目前正在用gullow编译和运行的内容是:-浏览器同步-萨斯-自动预混合器-一种名为Child Process的东西(我从一个名为jekyll gump sass浏览器同步的"github上的工具包"开始)-显然是杰德。
注意:不过,我也在使用Jekyll,希望这无关紧要
我正在关注DevTips的一个视频,名为"设计+代码小时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']);
除此之外,其他一切都很好。
有点晚了,但希望它能帮助那些寻找类似答案的人,我几乎疯了,试图自己解决这个问题。
这听起来有点傻,但在遇到类似问题之后(jade gullow运行时没有错误,但没有输出index.html),在整个网络上搜索答案时运气不佳,我意识到我的.jaed文件中有一个语法错误(额外的空格字符),所以它不会编译成任何东西。
试着注释掉你的.ejade文件的全部内容,然后试着用gulp-ejade解析一个非常简单的行(例如h1-hello)。检查它是否有效,如果有效,请开始调试代码。或者,你可以用一个简单的代码创建一个新的.jade文件,而不是注释掉原始文件。
希望它能有所帮助!
您能扩展您看到的任何错误吗?
gulp jade
是单独运行(即独立运行),还是只是在您的监视范围内没有运行?
我的直觉是,你的翡翠标记(或者我们需要开始称之为pug)更有可能出错
你能发布其中的任何一个吗?
相关文章:
- 如何在Bootstrap Modal中为动态点击生成的变量设置jade属性
- AngularJS指令出错-无法读取属性'编译'的未定义
- 如何使用ViewCompiler手动编译DOM的一部分
- 预编译的车把模板使文件大小加倍
- Mocha react本地路由器编译错误
- Jade——我如何从id中获取值
- 使用Jade/Jquery更改表单
- Babel编译错误:找不到模块核心js/library/fn/get迭代器
- 在编译阶段后创建新的DOM树,或者继续使用原始修改的DOM
- 如何在Windows中将Javascript文件编译成二进制文件
- 浏览器是否持久缓存脚本元素的编译版本
- 使用jade.compile编译一个jade模板,该模板是一个mixin文件或包含部分
- '吞玉;没有工作或将jade编译为html
- Sails JS linker:编译 JADE 模板
- 如何在Jade编译之前将Javascript对象包含在Jade模板中
- Gulpjs – gulp-jade 编译问题
- Grunt正在编译Jade文件
- 使用grunt将jade模板编译为sails.js中的javascript函数
- Emberjs ember cli jade模板不编译
- 用Grunt编译Jade到一个特定的目录