require.js在部署时将所有模板压缩为一个模板

Question

我已根据此示例设置了我的应用程序 http://backbonetutorials.com/organizing-backbone-using-modules/ 我现在拥有超过50个html文件的东西。首次加载时加载所有文件需要5秒以上。我知道使用node.js和require.js我可以压缩或缩小.js文件和.css文件但是我们想知道是否有任何方法我们可以将所有html模板压缩到一个文件中以加快速度。

Answer 1

我即将在我的项目中遇到这个问题，这就是我打算做的事情：

1. 编写模板加载器函数，以便将检索模板的详细信息封装在其中。之后，当模板处理逻辑发生变化时，我只需要在代码中更改一个位置。
2. 在构建时，将我的Handlebars.js模板编译成JS代码。该过程描述为here。
3. 使用R.js包中的require.js从所有已编译的模板构建单个JS文件。

Answer 2

如果您正在使用该文章中描述的模板（带有require！text，_. trylate等），那么它们也将被压缩为JavaScript文件。试一试。

Answer 3

将50个html文件同时加载到浏览器中是没有意义的，右边的require.js和node.js应该一次加载到浏览器中。然后你的index.html将在50中选择html文件作为其内容进一步追加。