2016-09-29 2 views
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) 

답변

1

업데이트 죄송합니다, 좀 더 신중하게 문서에보고해야합니다.

당신은 당신이

hb({ 
    helpers:{ 
     list: function(){} 
    } 
}) 

에 전달 아니면 도우미에 대한 경로를 통과 할 경우에 핸들에 액세스 할 필요가 없습니다, 기능 방금 수출 객체를 파일 객체 헬퍼 속성에 기능을 추가해야합니다 모든. 잘못된

//helpers.js 
module.exports = { 
     list: function(){} 
}; 

당신은 꿀꺽 꿀꺽-HB 모듈을 필요로하고 재산 핸들 사용해야합니다.

var HandleBars = require('gulp-hb').handlebars; 

HandleBars.registerHelper(...); 
+0

Heya Molda, 감사 힙이 도움을 ... 그것은 지금 당장 촬영의 '오류 : 누락 도우미 : ".에 대한 내 대답을 업데이트 한 @WillW 죄송 목록" – WillW

+0

을 – Molda

+0

헤이 @Molda, 큰 감사 도움이되었습니다. 업데이트가 작동했습니다. 문서를 찾았습니까? – WillW