ts转js 并压缩

摘要:
1.在线编译并进入官方排版网站http://www.typescriptlang.org/单击游戏场地直接编写代码。2.要在本地编译和运行typescript,您需要使用npm下载typescript npminstall gtypescripttscHello.ts。运行后,您会发现Hello。js3在同一文件夹中生成。webstorm编辑器可以自动生成相应的js4

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

免责声明:文章转载自《ts转js 并压缩》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Qt笔记之Q_DECLARE_METATYPE(Type)2000元以内最强NAS 群晖DS211j深度评测下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

快速创建 Vue 项目

转载:https://www.jianshu.com/p/c7df292915e7 为了便于 Vue 项目的管理, Vue 团队官方开发了 vue-cli 工具。 本文将带您使用 vue-cli 快速创建一个 Vue 项目。 本地安装 vue-cli 使用 npm 全局安装 vue-cli : cnpm install -g @vue/cli 创建项目 执...

M3: 发送邮件附件(2)

本小节介绍如何通过邮件将生成的贺卡发送给朋友。使用到了EmailMessageAPI, 需要引入的命名空间为Windows.ApplicationModel.Email。 请确保完成了以前的章节。 在MainPage.xaml.cs页面,在SendMail_Click方法中,新定义EmailMessage的对象,将前一节中生成的Wishes.jpg文件作为...

Ubuntu下SVN服务器安装和配置

一、SVN安装1.安装包$ sudo apt-get install subversion 2.添加svn管理用户及subversion组#添加用户$ sudo adduser  svnuser#添加分组$ sudo addgroup svngroup#添加用户到分组$ sudo adduser  svnuser svngroup        3.创建项...

微信分享回调

我在做我们的项目中用到了判断用户是否将文章或者内容通过微信分享出去了,确定用户通过微信分享出去后给用户增加相应的积分。 15年微信修改了策略可以直接调用对应的接口 引入微信接口文件 http://res.wx.qq.com/open/js/jweixin-1.0.0.js 开始分享代码 WeixinApi.ready(function(Api) {    ...

linux中export的作用

 https://blog.csdn.net/damontive/article/details/50352722 参考:http://www.cnblogs.com/zhangze/articles/1832542.html以前一直觉得export可有可无,虽然知道export是干嘛的,不就是把本地变量变成全局变量么(实际中叫环境变量),但是感觉好像没有...

jquery/js记录点击事件,单击次数加一,双击清零

目的:点击按钮,点击后在网页上显示点击次数,双击清零 实现:js或者jquery 代码如下: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE HTML> <html&g...