首页 > 其他分享 >TypeScript编译选项

TypeScript编译选项

时间:2022-11-25 22:44:48浏览次数:33  
标签:选项 文件 TypeScript 示例 ts 编译 ES6

编译选项

自动编译文件

  • 编译文件时,使用 -w 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译。但是一次只能编译一个文件。

  • 示例:  

tsc xxx.ts -w

 

如下:

 

 

自动编译整个项目

  • 如果直接使用tsc指令,则可以自动将当前项目下的所有ts文件编译为js文件。

  • 但是能直接使用tsc命令的前提时,要先在项目根目录下创建一个ts的配置文件 tsconfig.json

  • tsconfig.json是一个JSON文件,添加配置文件后,只需只需 tsc 命令即可完成对整个项目的编译

  • 配置选项: 

include

  • 定义希望被编译文件所在的目录

  • 默认值:["**/*"]  

      路径:** 表示任意目录             * 表示任意文件
  • 示例: 

"include":["./src/**/*", "./tests/**/*"] 
  • 上述示例中,所有src目录和tests目录下的文件都会被编译

 exclude 

  • 定义需要排除在外的目录

  • 默认值:["node_modules", "bower_components", "jspm_packages"]

  • 示例: 

"exclude": ["./src/hello/**/*"] 
  • 上述示例中,src下hello目录下的文件都不会被编译

 extends

  • 定义被继承的配置文件

  • 示例:

"extends": "./configs/base"
  • 上述示例中,当前配置文件中会自动包含config目录下base.json中的所有配置信息

files

  • 指定被编译文件的列表,只有需要编译的文件少时才会用到   只编译列表中存在的ts文件

  • 示例:

"files": [
    "core.ts",
    "sys.ts",
    "types.ts",
    "scanner.ts",
    "parser.ts",
    "utilities.ts",
    "binder.ts",
    "checker.ts",
    "tsc.ts"
  ]

compilerOptions 

  • 编译选项是配置文件中非常重要也比较复杂的配置选项

  • 在compilerOptions中包含多个子选项,用来完成对编译的配置

    • 项目选项

      • target

        • 设置ts代码编译的目标版本

        • 可选值:

          • ES3(默认)、ES5、ES6/ES2015、ES7/ES2016、ES2017、ES2018、ES2019、ES2020、ESNext
        • 示例:

"compilerOptions": {
    "target": "ES6"
}
  • 如上设置,我们所编写的ts代码将会被编译为ES6版本的js代码

  • lib

    • 指定代码运行时所包含的库(宿主环境) 默认情况下一般不用动

    • 可选值:

      • ES5、ES6/ES2015、ES7/ES2016、ES2017、ES2018、ES2019、ES2020、ESNext、DOM、WebWorker、ScriptHost ......
    • 示例:

"compilerOptions": {
    "target": "ES6",
    "lib": ["ES6", "DOM"],
    "outDir": "dist",
    "outFile": "dist/aa.js"
}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1

标签:选项,文件,TypeScript,示例,ts,编译,ES6
From: https://www.cnblogs.com/anjingdian/p/16926511.html

相关文章

  • TypeScript学习笔记-03 TS基础语法
    即使有错还是可以编译为JS文件。ts方法指定参数的类型,指定返回值的类型:这样都会对返回值的类型和参数都会进行校验!......
  • TypeScript学习笔记-01TS是什么?
      TypeScript简称TS,是微软公司设计的一门语言。以JavaScript为基础构建的语言,扩展了JS、兼容JS(甚至可以在TS文件中兼容使用JS)、并且添加了类型,并且可以在任何支持JavaSc......
  • 【汇编语言】实验3 编程、编译、链接、跟踪
    【汇编语言】实验3编程、编译、链接、跟踪实验内容编写程序DEBUG程序查看初始状态和指令可以发现CS=DS+10H依次执行查看PSP内容首先回顾一下PSP是什么所以我们查看SA:0......
  • 第三周课程设计进展——基于java语言的国密算法库编译测试
    本周计划完成的任务本周实际完成情况(代码,文档,程序运行截图...),未完成计划的原因?如何改进?本周遇到的问题与解决过程(要详细)本周计划完成的任务给openeuler配置java......
  • 编译原理第四章习题存档
    语法分析主要是将句子和语法树对应起来,明确其成分构成。接下来我们给一个句子添加一个末尾符号#,它为减少讨论作出卓越贡献。分析的时候将它也作为句子的一个符号分析。1.......
  • Nginx 编译安装
    Nginx编译安装安装环境:rocky8.0**安装前将防火墙和selinux关闭****文件中有注释的地方,复制时记得删除掉**官方包地址:http://nginx.org/en/linux_packages.html#......
  • std::filesystem 使用时编译不过去
    #include<filesystem>namespacefs=std::filesystem;解决方法:https://stackoverflow.com/questions/53201991/how-to-use-stdfilesystem-on-gcc-8实际是需要在编译......
  • go源码学习(零):前置知识-编译过程
    编译原理-从源码到机器码任何一门高级语言,要想最终能够在机器上执行那么就一定要从源码生成机器码,因为对于机器来说,它只认同由0和1组成的二进制程序。从人类可读的源码到......
  • TypeScript--高级用法
    TypeScript--高级用法1.运算符可选链运算符?.判断左侧的表达式是否是null或者undefined,如果是,则会停止表达式的运行,减少我们大量的&&运算obj?.propobj?.[i......
  • TypeScript - -类型实战
    TypeScript--类型实战下面介绍的几个常见实战操作,数量不多,但是提供了一些思路,学习理解这些思路,和js实现的区别。为自己写代码的时候打下小小的基础1.实现返回promi......