ts轉js 並壓縮


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);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM