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 并压缩的更多相关文章

  1. JS,html压缩及混淆工具

    现在已经出现了不少有自己特色的: JSMin Javascript compressor Packer Closure Compiler YUI Compressor Pretty Diff Java ...

  2. gulpfile.js 合并压缩 requirejs 的配置文件

    var gulp = require("gulp"); // var babel = require("gulp-babel"); // 用于ES6转化ES5 ...

  3. 使用ajax上传图片,支持图片即时浏览,支持js图片压缩后上传给服务器

    使用ajax上传图片,支持图片即时浏览,支持js图片压缩后上传给服务器 ajax上传主要使用了 var reader = new FileReader() 此方法 js图片压缩主要是利用canvas进 ...

  4. iis 发布asp.net mvc 网站时候js css 压缩问题,图片不加载问题

    一.JS CSS 自动压缩问题 默认情况下mvc这个框架会把css,js文件压缩成一个js或者css文件,一会发现只有一个<link href="/Content/css?v=ji3n ...

  5. (6/24) 插件配置:轻松配置JS文件压缩

    实际开发中,在项目上线之前,我们编写的js代码是需要进行压缩的,我们可以采取压缩软件或者在线进行压缩,这不是我们的重点,在webpack中实现JS代码的压缩才是本节的核心. 通过webpack中可实现 ...

  6. require.js 加载 vue组件 r.js 合并压缩

    https://www.taoquns.com 自己搭的个人博客 require.js 参考阮一峰 Javascript模块化编程(三):require.js的用法 r.js 合并压缩 参考司徒正美 ...

  7. JS代码压缩格式化在线地址

    JS在线格式化: http://tool.oschina.net/codeformat/js JS在线压缩: http://dean.edwards.name/packer/

  8. 发布兼容TS的JS库到nexus和npmjs

    一. 前言 由于node以及绝大多数前端库都是用JavaScript(以下简称JS)语言实现,而Angular是用TypeScript(以下简称TS)实现,虽然TS是JS的超集,但是由于TS和JS对于 ...

  9. 【JS代码压缩】使用YUI Compressor对js文件进行压缩处理

    概述 在使用html5开发Hybird APP的时候,可能会引入大量的js包,另外对于一些核心的js文件,进行一些特殊的处理, 如压缩和加密就显得很重要了,YUI Compressor就是这样一个用于 ...

随机推荐

  1. Apache Kudu: Hadoop生态系统的新成员实现对快速数据的快速分析

    A new addition to the open source Apache Hadoop ecosystem, Apache Kudu completes Hadoop's storage la ...

  2. OpenGL+VS2010环境配置及遇到的问题

    OpenGL+VS2010+GLUT工具包+WIN10系统: 第一步,安装GLUT工具包 Windows环境下的GLUT下载地址:(大小约为150k) http://www.opengl.org/re ...

  3. sql语句查询出的某字段内容截取

    select  LEFT(context,LENGTH(context)-1) context    from table; (效果: 1,2,3, 查询出: 1,2,3 )

  4. JAVA基础知识|小知识点

    1.强烈建议,不使用char类型 那么,到底为什么java里不推荐使用char类型呢?其实,1个java的char字符并不完全等于一个unicode的字符.char采用的UCS-2编码,是一种淘汰的U ...

  5. in mind (不是 切记 的意思)

    Both Grunt and Gulp.js perform these automation tasks particularly well, although Gulp.js has the ed ...

  6. kubectl 之 patch 命令

    patch命令 kubectl patch — Update field(s) of a resource using strategic merge patch Synopsis kubectl p ...

  7. 跨域form下载方式 批量下载

    downloadFileForm:function(fid) { var url = "https://file.xxxx.com/fileDownload.do"; var in ...

  8. 使用jquery 动态创建form 并提交

    $(document).ready(function(){    $("a.delete").click(function(event){        action = this ...

  9. Docker使用Portainer搭建可视化界面

    Portainer介绍 Portainer是Docker的图形化管理工具,提供状态显示面板.应用模板快速部署.容器镜像网络数据卷的基本操作(包括上传下载镜像,创建容器等操作).事件日志显示.容器控制台 ...

  10. 【ABAP系列】ABAP CL_ABAP_CONV_IN_CE

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[ABAP系列]ABAP CL_ABAP_CON ...