编译TypeScript(TypeScript转JavaScript)

Posted 志银

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了编译TypeScript(TypeScript转JavaScript)相关的知识,希望对你有一定的参考价值。

1.配置tsconfig.json文件

tsconfig.json文件配置说明

{
	"compilerOptions": {  //生成相关说明,TypeScript编译器如何编译.ts文件。
		"module": "commonjs",  //指定模块代码生成:“none”、“commonjs”、“amd”、“system”、“umd”、“es2015”或“esnext”。
		"target": "es6",  //指定ECMAScript目标版本。许可值为“es3”、“es5”、“es6”、“es2015”、“es2016”、“es2017”、“es2018”或“esnext”。
		"lib": ["es6"],  //指定要包含在编译中的库文件。需要TypeScript 2.0或更高版本。
		"sourceMap": true,  //是否生成相应的“地图”的文件。
		"rootDir": "src",  //指定输入文件的根目录。使用——outDir控制输出目录结构。
		"outDir": "out"  //将输出结构重定向到目录。
	}
}

2.编译命令

npm install -g typescript  //全局安装typescript
tsc  //编译(一次性编译)
tsc -watch  //编译并监视(每次保存待编译文件都会自动更新编译文件)

3.vscode编译

analysis

以上是关于编译TypeScript(TypeScript转JavaScript)的主要内容,如果未能解决你的问题,请参考以下文章

IntelliSense 或闭包编译器未找到 TypeScript 类

理解typescript

ts转js

TypeScript:当编译增加项目结构的深度时如何从父文件夹导入

typescript 怎么用js库

TypeScript 编译中缺少 Angular5 :polyfills.ts & \main.ts