TypeScript编译(tsconfig.json配置)

简介: TypeScript编译(tsconfig.json配置)

一、编译TypeScript单个文件

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

二、编译项目文件

1、新建tsconfig.json文件

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

2、配置tsconfig.json文件

1.{
  /*
    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

相关文章
|
2月前
|
JavaScript 前端开发 开发者
TypeScript :基本配置&数据的基本类型
本文介绍了TypeScript的安装、常见问题及解决方案、配置与使用方法。包括通过npm全局安装TypeScript、设置PowerShell执行策略、初始化项目、配置模块声明、处理数据类型等。详细步骤和代码示例帮助开发者快速上手。
|
2月前
|
存储 JavaScript 前端开发
TypeScript :使用mock提供数据&as const 的使用&tsconfig.json配置
本文介绍了如何在项目中使用 Mock 提供数据,包括安装依赖、配置 Vite 和 TypeScript,以及如何使用 `as const`、元组和 tsconfig.json 配置文件。通过这些配置,可以实现更灵活和高效的开发体验。
|
4月前
|
JavaScript 前端开发 编译器
TypeScript教程(一)在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程,介绍了在VS Code中配置TypeScript环境的步骤,包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展,以及创建和运行一个简单的TypeScript "Hello World"程序。
TypeScript教程(一)在vscode中的配置TypeScript环境
|
4月前
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法:通过修改manifest.json文件配置h5设置,或在项目根目录创建vue.config.js文件进行代理配置,并提供了具体的配置代码示例。
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
|
4月前
|
JavaScript IDE 开发工具
|
4月前
|
JavaScript
TypeScript——使用npm安装和编译
TypeScript——使用npm安装和编译
50 0
|
5月前
|
JSON JavaScript 前端开发
TypeScript(十五)配置相关(命令行配置)
TypeScript(十五)配置相关(命令行配置)
62 4
|
5月前
|
JSON JavaScript 前端开发
TypeScript(十六)配置相关(tsconfig配置)
TypeScript(十六)配置相关(tsconfig配置)
112 1
|
5月前
【Vue3+TypeScript】CRM系统项目搭建之 — 路由配置
【Vue3+TypeScript】CRM系统项目搭建之 — 路由配置
30 0
|
5月前
tasks.json、launch.json、c_cpp_properties.json配置
tasks.json、launch.json、c_cpp_properties.json配置
88 0