Gruntfile与grunt-contrib-watch,browserify和hbsfy(把手) - 自动转换

Question

我对大多数所有这些工具都很陌生(grunt,browserify,handlebars).我设置gruntfile.js为观察几个.js文件的保存,然后自动运行默认的browserify bundle命令.这是我目前的gruntfile.js:

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('node_modules/grunt/package.json'),
    watch: {
      js: {
        files: ['tvguide.js', 'responsive-tables.js'],
        tasks: ['browserify']
      }
    },
    browserify: {
      js: {
        src: ['responsive-tables.js','tvguide.js'],
        dest: 'bundle.js'
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-handlebars');
  grunt.loadNpmTasks('grunt-browserify');
  grunt.registerTask('default', ['watch', 'browserify']);
};

这很好 - 虽然文件和src可能是多余的.然而,我已经到了充实我的应用程序的地步,我想使用把手进行模板化,许多谷歌搜索带有把手的browserify让我进入了这个npm包hbsfy.该指示说,我只想跑browserify -t hbsfy myscriptusingatemplate.js > bundle.js,我想,当我保存具体到自动拥有该命令运行.js的文件,但我不知道如何使用这两种-o并-t在相同或不同的文件.

我做了一些使用选项对象的尝试,但没有任何结果.任何帮助/建议将不胜感激.

Answer 1

如果你想使用Grunt中的hbsfy,请使用以下配置:

browserify: {
    js: {
        src: ['responsive-tables.js','tvguide.js','tmpl/**/*.handlebars'],
        dest: 'bundle.js'
    },
    options: {
        transform: ['hbsfy']
    }
}

这样,您根本不需要使用grunt-contrib-handlebars.

另外,我建议不要使用grunt-contrib-watch,而是将'watch'选项设置为browserify为true.