在网页中模块化html和javascripts

时间:2014-04-01 04:03:19

标签: javascript django backbone.js requirejs

我正在使用Django,Backbone,requirejs,但问题可能适用于其他堆库。

我喜欢html中subtemplate的概念 在django中,我们可以从html中{% include other.html %} (编辑:这些是在服务器端呈现的子模板)

我曾经把javascript代码放在子模板中,这样我就可以清楚地看到html和javascript放在一起了。

我的典型html看起来像

<div id="my-id">
 ...
</div>

<script>
    require(['my_view'], function(MyView) {
    new MyView({el: 'my-id'});
    });
</script>

现在,问题在于它会产生大量文件,并且会使网页变慢。

requirejs可以组合几个javascripts文件,但不能组合子模板的html文件。

我的问题是我应该如何构建我的文件(html / js文件)以便我仍然可以在一个地方(关闭位置)看到html / js并删除用户必须下载的文件数量?

1 个答案:

答案 0 :(得分:0)

您可以通过text plugin要求html文件用于reqirejs。

当您构建应用时,优化器也会在单个文件中内联它。