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