使用Webpack预编译所有Handlebars模板？

Question

我在app/assets/handlebars中有一堆模板，我想用Handlebars.templates.foo(context)访问这些模板

所以我目前在我的webpack.config.js中有这个东西：

  {
    test: /\.handlebars$/,
    use: [{
      loader: 'handlebars-loader',
      options: {
        helperDirs: [path.join(__dirname, 'app/assets/handlebars/helpers')]
      }
    }]
  },

而我的app.js

import Handlebars from 'handlebars/runtime'

import foo from './foo.handlebars'
import bar from './bar.handlebars'

Handlebars.templates = {
    foo: foo,
    bar: bar
}

我想避免在app.js中使用该样板代码，并自动告诉webpack在app/assets/handlebars/*.handlebars周围滚动并将所有模板都放在Handlebars.templates中。

我尝试了一些插件，但似乎它们并没有达到我想要的效果。最好的解决方案是什么？