使用Webpack加载Mustache模板
Loading Mustache Templates with Webpack
我和我的团队目前正在将一个相当大的项目从AMD+RequireJS迁移到CommonJS+Webpack。我们喜欢Webpack提供的工具,并认为CommonJS是社区的发展方向:紧跟潮流。
有什么有效的方法可以利用webpack来自动加载和捆绑我们的.胡子模板文件?目前,我们有一个watch脚本,它使用xport将项目文件夹中的所有.lisch文件捆绑到一个js文件中,格式为:
var files = {};
files['path/to/file'] = '<div>{{content}}</div>';
files['path/to/other/file'] = '<span>{{stuff}}</span>';
...
我们完全可以继续使用这个。。。我们当前的解决方案特别方便的是,当我们制作新模板时,不必在项目中专门引用我们的模板因为脚本只是在监视文件夹,所以字典会被更新,我们可以使用另一个库来获取字符串,并使其成为可用的模板函数。
那么目标是什么我很好奇是否有一种方法可以从我们文件夹中的模板->我们可以在代码中使用的函数,而不必特别要求将文件放入项目中。我们目前的解决方案超出了webpack(当然,除非有办法连接),这很烦人,因为我们不想要2个watch脚本。我研究过加载程序,但它们似乎是1对1的源文件->输出文件,而不是多对1,这就是我们当前解决方案的优点。
谢谢!
我认为您可以在require.context之上构建适合您需求的东西。将其指向您的模板目录,它将为您提供一个API来访问其中的模板。您可以将这种方法与胡子加载器相结合。
相关文章:
- 如何配置browserfy与Karma使用转换Stringify为Mustache模板
- 数据绑定到Mustache模板?(最好干净简单)
- 模板中的Mustache php空间
- 使用Webpack加载Mustache模板
- 如何为具有嵌套对象的 JSON 数据创建 Mustache 模板
- 重用另一个模板中的 Mustache 模板,如果两者都在一个 html 文件中定义
- 属性名称未知的Mustache模板
- 在Mustache模板中嵌入一个Twitter共享按钮(包含JS和所有内容)
- 在视图之间传递Mustache模板数据
- Scala:如何在Finatra中的Mustache模板中包含JS脚本
- ICanHaz/Mustache.js未呈现模板
- 是否可以在Mustache中基于哈希值切换模板部分
- 如何获取Mustache模板的所有可用变量
- 如何使用Mustache模板将选项添加到下拉列表中
- 使用jQuerygetJSON将JSON数据的嵌套对象返回到Mustache模板
- 使用对象数组的Mustache模板
- 在Mustache中正确获取模板
- 关于Mustache html模板的安全问题
- 使用Mustache或任何模板引擎制作单页HTML5应用
- 如何在Mustache模板中处理IF语句