我正在尝试使用gulp nunjucks- 30+呈现nunjucks html页面。我已经创建了一个nunjucks模板和两个json文件(用于页眉和页脚的通用模板部分和一个帖子数据数组)。“post”函数循环中的逻辑很简单:我获取所有post使用的一般信息,添加正确的post信息,并将数据发送到函数,该函数将其呈现为html文件。
我在"html“函数中使用gulp util注销用于渲染的数据,我看到数据是正确的(每个帖子都不同)。而且文件名每次都是不同的,因为它们应该是不同的。问题在于呈现的html文件内容是相同的-与最新呈现的数据的内容相同。
我的gulp文件的相关部分:
var gulp = require('gulp'),
watch = require('gulp-watch'),
rename = require('gulp-rename'),
replace = require('gulp-replace'),
nunjucks = require('gulp-nunjucks-render'),
data = require('gulp-data'),
gutil = require('gulp-util');
gulp.task('watch-projects', function(){
watchDir({
output: 'group/',
njk: 'group/parts/**/*.html',
html: 'group/parts/*.html'});
});
function watchDir(project) {
gulp.watch(project.njk, function() {render(project, "en"); render(project, "et");});
}
function render(project, language) {
var data = require('./group/parts/data/' + language + '.json'),
news = require('./group/parts/data/news.' + language + '.json');
posts('group/parts/news.njk', project.output + language + "/", data, news);
}
function posts(template, output, data, posts) {
for (var item in posts.posts) {
data.posts = posts.posts[item];
html(template, output, data, {basename: data.posts['filename'], extname: ".html"});
}
}
function html(template, output, thedata, name) {
if (thedata.posts) {
gutil.log(thedata.posts['title']);
}
gulp.src(template)
.pipe(data(thedata))
.pipe(nunjucks({path: ['group/parts/']))
.pipe(rename(name))
.pipe(gulp.dest(output));
}我使用的news.en.json文件看起来像这样:
{
"posts" : [
{
"title" : "some title",
"hero" : "../img/6.jpg",
"text" : "some content",
"pic1" : "../img/6.jpg",
"pic2" : "../img/6.jpg",
"pic3" : "../img/6.jpg",
"filename" : "news1"
},
{
"title" : "some title2",
"hero" : "../img/7.jpg",
"text" : "some content2",
"pic1" : "../img/7.jpg",
"pic2" : "../img/7.jpg",
"pic3" : "../img/7.jpg",
"filename" : "news2"
}
]
}我得到了两个具有相同内容的文件(在本例中为"some title2“、"../img/7.jpg”、"some content2“……在这两个文件中)。
当我想在每个html中获得不同的内容时,我做错了什么?是不是大口大口或者双节棍有问题?
https://stackoverflow.com/questions/47697029
复制相似问题