node-hbsfy Gulpでテンプレートをコンパイルしていません

Question

私は単にBrowserifyとGulpでhbsテンプレートをコンパイルしようとしていますが、hbsファイルからHTMLマークアップが見つかるとすぐにコンパイルプロセスが失敗します。

hbsファイル内のHTMLコードを削除することでこれを確認しました。この時点で、Browserifyは期待どおりに動作します。間違って行くことができるもの

(function(){ 
    const _handlebars = require('hbsfy/runtime'); 

    function init() { 
    _handlebars.registerPartial('menu', require('components/menu.hbs')); 
    } 

    document.addEventListener('DOMContentLoaded', init); 
})(); 

：

const _gulp = require('gulp'); 
const _browserify = require('browserify'); 
const _remapify = require('remapify'); 
const _hbsfy = require('hbsfy'); 
const _vinylSourceStream = require('vinyl-source-stream'); 
const _vinylBuffer = require('vinyl-buffer'); 

_gulp.task('js:dev',() => { 
    return _browserify({entries: './src/js/app.js', debug: true}) 
    .plugin(_remapify, [ 
     { 
     src: '**/*.hbs', // glob for the files to remap 
     cwd: './src/markup/components', 
     expose: 'components' // this will expose './src/markup/components' as 'components' 
     } 
    ]) 
    .transform(_hbsfy) 
    .bundle() 
    .pipe(_vinylSourceStream('app.js')) 
    .pipe(_vinylBuffer()) 
    .pipe(_gulp.dest('dist')) 
}); 

HBSテンプレート：

<div class="menu"> </div> 

メインのJSファイルここ

は私のガルプタスクを簡略化しているのですか？ hbsfyトランスフォームが正しく動作していないかのようです...

Answer 1

実際にこの問題はremapifyプラグインによって発生しているようです。代わりにpathmodifyを使用してコンパイルが正常に動作します。

const _gulp = require('gulp'); 
const _browserify = require('browserify'); 
const _pathmodify = require('pathmodify'); 
const _hbsfy = require('hbsfy'); 
const _vinylSourceStream = require('vinyl-source-stream'); 
const _vinylBuffer = require('vinyl-buffer'); 

_gulp.task('js:dev',() => { 
    return _browserify({entries: './src/js/app.js', debug: true}) 
    .plugin(_pathmodify, { 
     mods: [ 
     _pathmodify.mod.dir('components', process.cwd() + '/src/markup/partials/components') 
     ] 
    }) 
    .transform(_hbsfy) 
    .bundle() 
    .pipe(_vinylSourceStream('app.js')) 
    .pipe(_vinylBuffer()) 
    .pipe(_gulp.dest('dist')) 
}); 

：ここ

は私の更新ガルプファイルです