TypeScript基础学习二——tsconfig.json

tsconfig.json 常用配置说明

tsconfig.json是ts编译器的配置文件，ts编辑器可以根据它的信息来对代码进行编译

以下是项目中常用的配置 

{
  "include": [
    "src"  // 等价于 “./src/**/*”
  ],
//  "exclude": ["./node_modules/**/*"],
//  "extends": "",
//  "files": [],
  "compilerOptions": {
    "target": "ES2015",
    "module": "commonjs",
//    "lib": [],
    "outDir": "./dist",
//    "outFile": "./dist/app.js",
    "allowJs": false,
    "checkJs": false,
    "removeComments": false,
    "noEmit": false,
    "noEmitOnError": false,
    "strict": false,
    "alwaysStrict": false,
    "noImplicitAny": false,
    "noImplicitThis": false,
    "strictNullChecks": false,
    "jsx": "preserve",
    "composite": true,
    "sourceMap": false
  }
}

附上配置说明

  tsconfig.json是ts编译器的配置文件，ts编辑器可以根据它的信息来对代码进行编译
    -"include" 用来指定哪些ts文件需要被编译 路径： ** 表示任意目录， * 表示任意文件
    -"exclude" 不需要被编译的文件目录 默认值： ["node_modules", "bower_components", "jspm_packages"]
    -”extends“ 定义被继承的配置文件
    -”files“ 指定被编译文件列表，只有编译文件少时才会使用到
    -"compilerOptions" 编译器的选项
      -"target" 用来编译为es的版本
      -"module" 指定使用的模块化规范 推荐使用es2015
      -"lib" 用来指定使用的库,一般情况下不需要设置
      -"outDir" 用来指定编译后文件所在的目录
      -"outFile" 将代码合并为一个文件,设置outFile后，所有全局作用域中的代码会合并到同一个文件中
      -"allowJs" 是否对js文件进行编译，默认false
      -"checkJs" 是否检查js代码是否符合语法合理性，默认false
      -"removeComments" 是否移除注释，默认false
      -"noEmit" 不生成编译后的文件，默认false
      -"noEmitOnError" 当有错误时不生成编译后的文件，默认false
      -"strict" 所有严格检查的总开关，开发时建议打开
      -"alwaysStrict" 用来设置编译后的文件是否使用严格模式，默认false
      -"noImplicitAny" 不允许隐式any类型，默认false
      -"noImplicitThis" 不允许不明确类型this，默认false
      -"strictNullChecks" 严格检查空值
      -"jsx" 指定 JSX 代码生成的模式: 'preserve', 'react-native', or 'react'.
        -"react" 模式下：TS 会直接把 jsx 编译成 js
        -"preserve" 模式下：TS 不会把 jsx 编译成 js，会保留 jsx
        -"jsx": "preserve",
      -"composite" 启动项目是编译
      -"sourceMap" 生成目标文件的 sourceMap

以上编是tsconfig.json的常用配置，还有其他的配置选项可在需要用到的时候查询使用~