如何使用 gulp 运行 hbfsy 命令？答案

【问题标题】：How to run the hbfsy command with gulp?如何使用 gulp 运行 hbfsy 命令？
【发布时间】：2015-05-04 22:24:16
【问题描述】：

我正在使用 browserify 创建一个 bundle.js 来将我所有的主干 js 视图、集合和模型捆绑为一个。

我正在使用以下命令：

browserify -t [hbsfy -e html,htm,hbs] .scripts/app.js > bundle.js

我似乎无法通过 gulp 命令使其工作

 gulp.task('browserify', function() {
        return browserify('./app/scripts/app.js')
                .bundle()
                .pipe(source('bundle.js'))
                .pipe(gulp.dest('./dist/'))
                .pipe(connect.reload());
});

我需要编译的文件也更少。

我得到的错误

【问题讨论】：

标签： backbone.js package.json

【解决方案1】：

我自己解决了

这就是我在 gulp 文件中构建把手的方式：

    process.env.BROWSERIFYSHIM_DIAGNOSTICS=1;

var hbsfy = require('hbsfy').configure({
  extensions: ['html','hbs','htm']
});

gulp.task('browserify', function(){
    return browserify({
      transform: [hbsfy, 'node-lessify','browserify-shim'],
            entries: ['./app/scripts/app.js']
        })
        .bundle()

        .pipe(source('bundle.js'))
        .pipe(gulp.dest('dist/'));
});

【讨论】：