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

TrackBack URI : https://home.wi-wi.jp/blog/wp-trackback.php?p=1785

Leave a comment

:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: