使用 data-main 入口点

通过使用 <script> 标签中的 data-main,RequireJS 可以为你的应用程序提供单一入口点。

<script type="text/javascript" data-main="scripts/main" src="http://requirejs.org/docs/release/2.3.2/minified/require.js"></script>

在加载时,RequireJS 将查找 data-main 属性并将主脚本标记注入到设置了 async 属性的 DOM 中。启动应用程序之前,你需要进行任何配置。

例如:

// contents of scripts/main.js
require.config({
    waitSeconds: 10,
    paths: {
        jquery: 'libs/jquery-1.4.2.min'
    }
});

requirejs(["jquery", "libs/say"], function($, say) {
    var $body = $('body');
    $body.append( $('<p/>').text(say.hello("english")) );
    $body.append( $('<p/>').text(say.hello("spanish")) );
    $body.append( $('<p/>').text(say.hello("french")) );
});