Gruntjs 带有grunt contrib手表、browserify和hbsfy(把手)的GrunFile-自动转换

Gruntjs 带有grunt contrib手表、browserify和hbsfy(把手)的GrunFile-自动转换,gruntjs,npm,handlebars.js,browserify,grunt-contrib-watch,Gruntjs,Npm,Handlebars.js,Browserify,Grunt Contrib Watch,我对所有这些工具(咕噜声、棕色化、把手)都很陌生。我设置了gruntfile.js来监视一些.js文件的保存,然后自动对它们运行默认的browserify bundle命令。这是我当前的grunfile.js: module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('node_modules/grunt/package.json'), watch: { js:

我对所有这些工具(咕噜声、棕色化、把手)都很陌生。我设置了
gruntfile.js
来监视一些.js文件的保存,然后自动对它们运行默认的browserify bundle命令。这是我当前的
grunfile.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可能是冗余的,但这工作得很好。然而,在充实我的应用程序时,我想使用Handlebar进行模板制作,许多Google搜索browserify with Handlebar都让我找到了这个npm包。说明中说我只需运行myscriptusingamplate.js>bundle.js
我希望在保存特定的
.js
文件时自动运行此命令,但我不确定如何在相同或不同的文件上同时使用
-o
-t


我尝试过使用一个选项对象,但没有结果。任何帮助/建议都将不胜感激。

如果您想使用Grunt提供的hbsfy,请使用以下配置:

browserify: {
    js: {
        src: ['responsive-tables.js','tvguide.js','tmpl/**/*.handlebars'],
        dest: 'bundle.js'
    },
    options: {
        transform: ['hbsfy']
    }
}
这样,您根本不需要使用grunt contrib把手


此外,我建议不要使用grunt contrib watch,而是将“watch”选项设置为browserify为true。

由于许多原因,这会抱怨它无法解析我的模板,但从命令行发出browserify会起作用。我想有一些惯例,插件不遵循。。。