JavaScript AMDローダー「wicker.js」公開
Posted by 2014年5月17日 土曜日 17:58:24
< JavaScript, コンピュータ >
オリジナルのAMDローダーを公開しました。
https://github.com/heporap/wicker
WordPressではテーマフォルダにwicker.jsと各モジュール、メインプログラムのファイルを保存し、
/wp-content/themes/my-theme/js/wicker.js
/wp-content/themes/my-theme/js/modules/main.js
/wp-content/themes/my-theme/js/modules/ajax.js
/wp-content/themes/my-theme/js/modules/sprite.js
HTMLタグで読み込みを指定してください。
<script defer async
data-main="main"
data-baseurl="wicker:modules/"
src="<?php echo bloginfo('template_url'); ?>/js/wicker.js"></script>
main.jsにモジュールのロードとメインプログラムを記述して完成です。
(function(){
// 必要なモジュールのロード
wicker.carriage({
"sprite": "sprite.js",
"ajax": "ajax.js"
}
wicker.factory(["sprite","ajax"], function(sprite,ajax){
// モジュールロード完了後の処理
});
})();
HTMLの方はwicker.jsを読み込むための<script>要素1つだけになります。