用Brunch.io编译把手模板

时间:2016-09-06 23:01:09

标签: javascript handlebars.js brunch

我和Handlebars plugin一起使用brunch.io。 为了编译我的模板,我需要获得模板,并且我理解我应该能够使用require()

所以这样的事情应该有效:

var tmp = require('./templates/projects');
var template = Handlebars.compile(tmp);
var compiledHtml = template(data); //data is a var with data for the template inside
viewEl.innerHTML = template; //viewEl is id of div where i want to show the tmpl

但如果我这样做,我在构建时不会收到错误,而是在我在浏览器中检查时得到错误:

initialize.js:52 Uncaught Error: Cannot find module 'templates/projects' from 'initialize.js'

其中initialize.js是我的主要源js文件。

根据我的理解,它不起作用,因为根据我的配置文件,我的模板没有在public / javascript / app.js下的公共文件夹中编译:

module.exports = {
  // See http://brunch.io for documentation.
  files: {
    javascripts: {
        joinTo: {
            'js/app.js': /^app/
        }
    },
    stylesheets: {joinTo: 'css/main.css'},
    templates: { joinTo: 'js/app.js'}
  }
}

或者我真的错过了什么?

1 个答案:

答案 0 :(得分:0)

发现问题。

看起来把手 - 早午餐插件和静态把手 - 早午餐插件不能一起使用。

一旦我卸载静态把手 - 早午餐,我可以看到我的把手模板编译到我的app.js