使用下划线模板和grunt browserify

时间:2014-03-19 15:14:03

标签: javascript templates underscore.js browserify

我想预先编译下划线模板,并将它们包含在我的grunt-browserify的app.js目标文件中。

我知道有一个选项转换:hsbfy用于把手模板,但我怎样才能用下划线模板做同样的事情?

我尝试使用node-undercorify而没有成功

1 个答案:

答案 0 :(得分:5)

您应该使用选项transform: ['node-underscorify']

browserify: {
    app: {
        files: {
            'dist/js/app.js': ['app/main.js']
        },
        options: {
            transform: ['node-underscorify'],
            debug: true,
            external: ['jquery', 'underscore', 'backbone', 'backbone.marionette']
        }
    }
}

然后在您的一个模块中,您可以加载这样的模板:

var template = require('./template.html');

$('#el').html(template({key: 'value'});