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. ubuntu18.04 systemctl

    systemd 是 Linux 下的一款系统和服务管理器,兼容 SysV 和 LSB 的启动脚本.systemd 的特性有:支持并行化任务:同一时候採用 socket 式与 D-Bus 总线式激活服务 ...

  2. PHP学习之观察者模式

    <?php //观察者模式涉及到两个类 //男人类 和女朋友类 //男人类对象小明, 女朋友类对象小花.小丽 class Man { //用了存放观察者 protected $observers ...

  3. python3 @classmethod 和 @staticmethod 的区别

    如果您将某个东西定义为classmethod,这可能是因为您打算从类而不是类实例中调用它. 定义类方法的几种方式: 常规方式                       : 需要self隐士传递当前类 ...

  4. csv解析框架Windmill的一个demo

    csv文件内容如下,第一行是文件头 解析代码如下: package com.xxx; import lombok.Data; import org.apache.commons.lang3.build ...

  5. Apache损坏无法使用怎么办

    已经 find / -name httpd | xargs rm -rf删光了httpd相关文件,但是使用yum install httpd 无法正常安装. 查看Httpd的状态是 解决办法: yum ...

  6. Spring Aop(六)——@DeclareParents介绍

    转发:https://www.iteye.com/blog/elim-2395410 6 @DeclareParents介绍 @DeclareParents注解也是Aspectj提供的,在使用基于As ...

  7. 建立本地yum仓库

    [root@ks-server ~]# cd /etc/yum.repos.d/[root@ks-server yum.repos.d]# ls CentOS-Base.repo CentOS-Med ...

  8. CentOS7.5安装GitLab及汉化

    一.GitLab英文版安装 1.下载gitlab安装包,然后安装 wget --content-disposition https://packages.gitlab.com/gitlab/gitla ...

  9. 如何解决滚动条scrollbar出现造成的页面宽度被挤压的问题

    参考如下: https://www.ucloud.cn/yun/114228.html

  10. npm install, npm install -g, npm install --save, npm install --save-dev之间的区别

    1.npm install X 安装X到项目的node_modules文件夹 会修改package.json,在dependencies中写入依赖.(关于这一点,网上的大部分文章都是说,不会修改pac ...