使用 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")) );
});