Daily Archive ... 2014, 5月, 17th, 土曜日

JavaScript AMDローダー「wicker.js」公開

Posted by dab 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つだけになります。

Daily Archive

2014, 5月, 土曜日, 17th