TypeScript编译(tsconfig.json配置)

一、编译 TypeScript 单个文件

# 编译指定文件
tsc .app.ts  

#监控指定文件变化，并实时编译
tsc .app.ts -w

二、编译项目文件

1、新建 tsconfig.json 文件

项目根目录新建 sconfig.json 文件

2、配置 tsconfig.json 文件

{
  /*
    tsconfig.json 是 ts 编译器的配置文件，ts 编译器可以根据它的信息来对代码进行编译
    include 包含编译的文件
    ** 表示任意目录
    * 表示任意文件
    exclude 排除编译的文件
  */
  "include": [
    //    src 下任意目录下的任意文件
    "./src/**/*"
  ],
  "exclude": ["./src/hello/*"],
  /*
compilerOptions 编译器选项
  */
  "compilerOptions": {
    //target    ts 编译 js 版本指定  "ES3","ES5","ES6","ES2015","ES2016","ES2017","ES2018","ES2019","ES2020","ES2021","ES2022","ESNext"
    "target": "ES6",
    // module 指定要使用模块化的规范   "CommonJS","AMD","System","UMD","ES6","ES2015","ES2020","ESNext","None","ES2022","Node16","NodeNext"
    "module": "commonjs",
    //    lib 用来指定项目使用的库，浏览器环境不用设置
    //    'es5', 'es6', 'es2015', 'es7', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020', 'es2021',
    //'es2022', 'esnext', 'dom', 'dom.iterable', 'webworker', 'webworker.importscripts', 'webworker.iterable', 'scripthost', 'es2015.core', 'es2015.collection', 'es2015.g
    //enerator','es2015.iterable','es2015.promise','es2015.proxy','es2015.reflect','es2015.symbol','es2015.symbol.wellknown','es2016.array.include','es2017.object
    //','es2017.sharedmemory','es2017.string','es2017.intl','es2017.typedarrays','es2018.asyncgenerator','es2018.asynciterable','es2018.intl','es2018.promise','e
    //s2018.regexp','es2019.array','es2019.object','es2019.string','es2019.symbol','es2019.intl','es2020.bigint','es2020.date','es2020.promise','es2020.sharedmem
    //ory','es2020.string','es2020.symbol.wellknown','es2020.intl','es2020.number','es2021.promise','es2021.string','es2021.weakref','es2021.intl','es2022.array'//,'es2022.error','es2022.intl','es2022.object','es2022.sharedmemory','es2022.string','esnext.array','esnext.symbol','esnext.asynciterable','esnext.intl','esnext.bigint','esnext.string','esnext.promise','esnext.weakref'.
    //    "lib": [
    //      "dom"
    //    ]

    //    outDir 用来指定编译后文件所在的目录
    "outDir": "./dist",
    // 将代码合并为一个文件
    //     Only 'amd' and 'system' modules are supported alongside --outFile.
    // 设置 outFile 后，所有的全局作用域中的代码会合并到一个文件，如果有模块化代码，需要设置 target System
    //    "outFile": "./dist/app.js",

    //    allowJs 是否对 js 文件进行编译
    "allowJs": false,
    //   checkJs 是否检查 js 代码语法
    "checkJs": false,
    //   removeComments 是否移除注释
    "removeComments": false,
    //   noEmit 不生成编译后的文件 检查语法用
    "noEmit": false,
    //    noEmitOnError 有错误时，是否生产编译文件
    "noEmitOnError": false,
    //    严格检查总开关 开发环境建议使用 true
    "strict": false,
    //    编译后的文件是否使用严格模式
    "alwaysStrict": true,
    //    不允许使用隐式 any 类型
    "noImplicitAny": false,
    //    不允许不明确类型的 this
    "noImplicitThis": false,
    //    严格的检查空值
    "strictNullChecks": false
  }
  //  "compilerOptions": {
  //    "module": "commonjs",
  //    "target": "es5",
  //    "sourceMap": true
  //  },
  //  "exclude": [
  //    "node_modules"
  //  ]
}

 3、编译文件

# 编译项目配置文件
tsc    

#监控项目配置文件，变化后自动编译
tsc   -w