プログラミングの勉強をしよう@Wiki
プログラミングの勉強をしよう@Wiki

javascriptコンパイル

概要

hxファイル：haxeのコードが記述されたファイル

build.hxml：コンパイル情報を格納


手順

呼び出し元htmlファイルを準備

<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="UTF-8" />
		<title>Haxe JS</title>
	</head>
	<body>
		<form id="frm" name="frm">
			<input id="btn" name="btn" type="button" value="クリック" />
		</form>
		<script type="text/javascript" src="sample01.js"></script>
	</body>
</html>
 
 

hxのコードファイルを準備

import js.Dom;
import js.Lib;
 
class Sample01 {
    public static function main() {
 
		var button:Button;
		untyped{
			// エレメントを取得
		    button=  js.Lib.document.getElementById("btn");
		    // clickイベントを設定
		    button.onclick= function(evt : Event)
		    {
		         js .Lib.alert("click");
		    }
		}        
 
    }
}
 
 

build.hxmlを準備

-js sample01.js
-main Sample01
 
 

コンパイルを実行（コンパイルコマンド：haxe ビルドファイル）

D:\Tools\xampp\htdocs\haxe_samlpe>dir
 ドライブ D のボリューム ラベルは Data です
 ボリューム シリアル番号は 7EBA-7216 です
 
 D:\Tools\xampp\htdocs\haxe_samlpe のディレクトリ
 
2012/09/01  16:21    <DIR>          .
2012/09/01  16:21    <DIR>          ..
2012/09/01  15:34                31 build.hxml
2012/09/01  15:56               295 sample01.htm
2012/09/01  15:57               368 Sample01.hx
               3 個のファイル                 694 バイト
               2 個のディレクトリ  52,140,994,560 バイトの空き領域
 
D:\Tools\xampp\htdocs\haxe_samlpe>haxe build.hxml
 
D:\Tools\xampp\htdocs\haxe_samlpe>dir sample01.js
 ドライブ D のボリューム ラベルは Data です
 ボリューム シリアル番号は 7EBA-7216 です
 
 D:\Tools\xampp\htdocs\haxe_samlpe のディレクトリ
 
2012/09/01  16:21             7,598 sample01.js
               1 個のファイル               7,598 バイト
               0 個のディレクトリ  52,140,986,368 バイトの空き領域
 
D:\Tools\xampp\htdocs\haxe_samlpe>
 
 

コンパイルされたjsファイルを確認

・・・略・・・
 
var Sample01 = function() { }
Sample01.__name__ = true;
Sample01.main = function() {
	var button;
	button = js.Lib.document.getElementById("btn");
	button.onclick = function(evt) {
		js.Lib.alert("click");
	};
}
 
・・・略・・・
 
 

画面で動作確認


「javascriptコンパイル」をウィキ内検索
最終更新：2012年09月01日 16:26