backbone.js - 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 代码。此处描述了该过程。
3. 使用R.jsfrom require.jspackage 从所有编译的模板构建单个 JS 文件。

Answer 2

如果您正在使用该文章中描述的模板（使用 require !text、_.template 等），那么它们也会被压缩到 JavaScript 文件中。试一试。

Answer 3

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