【TypeScript】第二部分 编译选项

导读:本篇文章讲解 【TypeScript】第二部分 编译选项,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

【TypeScript】第二部分 编译选项



2. 编译选项

2.1 自动编译文件

编译文件时,使用 -w 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译,tsc xxx.ts -w

2.2 自动编译整个项目

  1. 要先在项目根目录下创建一个ts的配置文件 tsconfig.json,也可使用tsc --init初始化创建
  2. tsc 将目录下的ts文件进行编译
  3. tsc -w对目录下的ts文件进行监视

2.3 配置选项

1. include

  • 用来指定那个文件被编译

  • **表示任意目录  *表示任意文件
    "include":["./scr/**/*"]
    

2. exclude

  • 不需要被指定编译的文件

  • **表示任意目录  *表示任意文件
    "exclude":["./src/**/*"]
    

3. extends

  • 定义被继承的配置文件

  • 当前配置文件中会自动包含config目录下base.json中的所有配置信息

  • "extends": "./configs/base"
    

4. files

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

  • 列表中的文件都会被TS编译器所编译

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

5. compilerOptions(编译器选项)

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

  • 具体的项目配置:

  • {
    
      "include": "./src/**/*",
      
      "compilerOptions": {
        // 用来指定TS编译后ES的版本
        "target":"es2016",
    
        // 用来指定模块化规范
        "module":"es2016",
    
        // 用来指定项目中需要使用哪些库,一般使用默认配置
        // "lib": []
    
        // 用来指定编译后文件所处的位置
        "outDir": "./src/dist",
    
        // 将代码合并成一个文件 
        "outFile": "./src/app.js",
    
        // 是否对js文件进行编译,默认值为:false
        "allowJs": false,
    
        // 是否对js文件进行检查
        "checkJs": false,
    
        // 编译后不生成文件,默认值为:asle
        "noEmit": false , 
    
        // 如果出现错误,则编译不成功,默认值为:fasle
        "noEmitOnError": false ,
    
        // 开启所有的严格检查的总开关,默认值为:fasle
        // 开启后下面所有的严格配置都生效,关闭则全部都是失效
        "strict": false,
    
        //用来设置编译后的文件是否使用严格模式,默认值为:fasle
        "alwaysStrict": true,
    
        // 不允许隐式any类型,默认值为:fasle
        "noImplicitAny": true,
    
        // 不允许不明确类型的this,默认值为:fasle
        "noImplicitThis": true,
      
        //严格检查空值,默认值为:fasle
        "strictNullChecks": true
      }
    }
    
    

总结

以上就是今天要讲的内容,希望对大家有所帮助!!!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/82905.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!