0
일부 Gulp 작업을 실행 중이고 html 템플릿 작업을 위해 handlebars.js를 사용하고 있지만 외부 js 파일에서 도우미 기능을 사용하는 데 어려움을 겪고 있습니다 ... documentation here 외부 파일이 어떻게 보일지 정말 설명해 주므로 누군가 나를 도울 수 있기를 바랍니다.handlebars.js의 외부 도우미 파일
는 여기에 내가
/**** gulpfile.js ****/
var gulp = require('gulp');
var hb = require('gulp-hb');
gulp.task('default', function() {
return gulp
.src('./src/{,posts/}*.html')
.pipe(hb({
partials: './src/assets/partials/**/*.hbs',
helpers: './src/assets/helpers/*.js',
data: {
people: [
{firstName: "Yehuda", lastName: "Katz"},
{firstName: "Carl", lastName: "Lerche"},
{firstName: "Alan", lastName: "Johnson"}
]
}
}))
.pipe(gulp.dest('./web'));
});
/**** External js file .../helpers/helpers.js ****/
Handlebars.registerHelper('list', function(items, options) {
var out = "<ul>";
for(var i=0, l=items.length; i<l; i++) {
out = out + "<li>" + options.fn(items[i]) + "</li>";
}
return out + "</ul>";
});
<!-- Handlebars html template -->
{{#list people}}{{firstName}} {{lastName}}{{/list}}
오류 메시지를 쏘고있는 내용은 다음과 같습니다
[14:10:13] ReferenceError: Handlebars is not defined
at Object.<anonymous> (/Applications/MAMP/htdocs/helpers/src/assets/helpers/helpers.js:1:63)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at mapper (/Applications/MAMP/htdocs/helpers/node_modules/gulp-hb/node_modules/handlebars-wax/node_modules/require-glob/src/require-glob.js:51:12)
at Array.map (native)
at mapReduce (/Applications/MAMP/htdocs/helpers/node_modules/gulp-hb/node_modules/handlebars-wax/node_modules/require-glob/src/require-glob.js:87:4)
Heya Molda, 감사 힙이 도움을 ... 그것은 지금 당장 촬영의 '오류 : 누락 도우미 : ".에 대한 내 대답을 업데이트 한 @WillW 죄송 목록" – WillW
을 – Molda
헤이 @Molda, 큰 감사 도움이되었습니다. 업데이트가 작동했습니다. 문서를 찾았습니까? – WillW