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会起作用。我想有一些惯例,插件不遵循。。。