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