Данные не компилируются с кодом Gulp Gulp и Handlebars - PullRequest
Новая
       10

Данные не компилируются с кодом Gulp Gulp и Handlebars

0 голосов
/ 11 января 2019

Я пытаюсь установить базу для своего проекта, где я могу использовать шаблоны руля, но проблема в том, что когда я компилирую свои .hbs, выходные HTML-файлы не имеют данных.

Но когда я использую тот же код в HTML-файле и не использую gulp, данные показывают.

Очень запутано, поскольку при компиляции данные чередуются или игнорируются.

Вот мой файл .hbs: 

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<script id="handlebars-demo" type="text/x-handlebars-template">
<div>
My name is {{name}}. I am a {{occupation}}. 
</div>
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.12/handlebars.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

var template = $('#handlebars-demo').html();

var context = { "name" : "Ritesh Kumaraaaaaaa", "occupation" : "developer" };

var templateScript = Handlebars.compile(template);

var html = templateScript(context);

$('body').append(html);
});
</script>

</body>   
</html>

А вот код gulpfile.js: 

const gulp = require('gulp');
const handlebars = require('gulp-compile-handlebars');
const rename = require('gulp-rename');

gulp.task('html', () => {
return gulp.src('./src/pages/*.hbs')
.pipe(handlebars({}, {
    ignorePartials: true,
    batch: ['./src/partials']
}))
.pipe(rename({
    extname: '.html'
}))
    .pipe(gulp.dest('./dist'));
});
...