[JavaScript][Require.js]jQueryをロード

昨日に引き続き今日もRequire.jsネタ

Require.jsを経由して、jQueryをロードしたい場合はどうすればいいのだろうか？

今回のディレクトリ構成は下のような感じ。

• test.html
• scripts/
  
  • main.js
  • app.js

で、それぞれのファイルは下のような感じ。

<-- test.html -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.6/require.min.js" data-main="scripts/app"></script>

//app.js
require.config({
    paths: {
        jquery: 'http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min'
    }
});

require(["main"]);

//main.js
define(["jquery"], function($) {
    $(function() {
        console.log($)
        console.log('Hello jQuery')
    });
});

これでjQueryのロードも困ることはありませんね。