1,在線編譯,進入typescript官網http://www.typescriptlang.org/,點擊里面的playground就可以直接寫代碼了。
2,在本地編譯運行Typescript需要使用npm下載typescript npm install -g typescript
tsc Hello.ts
運行后就會發現在同一文件夾下生成了Hello.js
3,webstorm編輯器可以自動生成相應的js
4,簡便方法壓縮ts資源
目錄中創建文件app.js
下載egret引擎源代碼,以4.1.0為例,在tools中拷貝typescript-plus文件夾,uglify-js文件夾,FileUtil.ts,FileUtil.js到app.js相同目錄
app.js代碼入下,並用node運行
var file = require("./FileUtil"); var path = require("path"); var ts = require("./typescript-plus/lib/typescript"); var uglifyJS = require("./uglify-js/uglifyjs"); var baseUrl = "F:/work/" var url = baseUrl + "tsconfig.json"; //var configObj = JSON.parse(file.read(url)); var configObj = { "compilerOptions":{ "target": "es5", "experimentalDecorators": true, "lib": [ "es5", "dom", "es2015.promise" ] }, "exclude": [ "node_modules" ] }; var configParseResult = ts.parseJsonConfigFileContent(configObj, ts.sys, path.dirname(url)); let compilerOptions = configParseResult.options; let fileNames = configParseResult.fileNames; compilerOptions.outFile = path.join(baseUrl, "main.min.js"); var compilerHost = ts.createCompilerHost(compilerOptions); var program = ts.createProgram(fileNames, compilerOptions, compilerHost); var sortResult = ts.reorderSourceFiles(program); program.emit(); var outfile = compilerOptions.outFile; //UglifyJS參數參考這個頁面:https://github.com/mishoo/UglifyJS2 var result = uglifyJS.minify(outfile, {compress: {global_defs:true }, output:{beautify:false}}); file.save(outfile, result.code);
