TypeScript学习(2:tsconfig.json配置)

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

  二话不说,直接上代码:详细配置如下

{
    /*
    tsconfig.json是ts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译
    "include"用来指定哪些ts文件需要被编译
        路径:/**表示任意目录
            *表示任意文件
    "exclude" 不需要被编译的文件目录
        默认值[node_modules,bower_components,jspm_packages]

    */
    "include":[
        "./src/**/*"
    ],
    "exclude": [
        "./src/hello/**/*"
    ],
    /*
    compilerOptions  编译器的选项
    */
    "compilerOptions": {
        //target 用来指定ts被编译为ES的版本
        //'es3', 'es5', 'es6', 'es2015', 'es2016', 
        // 'es2017', 'es2018', 'es2019', 'es2020', 'esnext'.
        "target": "es6",
        //module 指定要使用的模块化的规范
        //'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'esnext'.
        "module": "es6",
        //lib 用来指定项目中要使用的库
        // 'es5', 'es6', 'es2015', 'es7', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020',
        // 'esnext', 'dom', 'dom.iterable', 'webworker',
        //  'webworker.importscripts', 'webworker.iterable', 
        // 'scripthost', 'es2015.core', 'es2015.collection', 
        // 'es2015.generator', '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', 'es2018.regexp', 'es2019.array', 'es2019.object', 'es2019.string', 'es2019.symbol', 'es2020.bigint', 'es2020.promise', 'es2020.sharedmemory', 
        // 'es2020.string', 'es2020.symbol.wellknown', 'es2020.intl', 'esnext.array', 'esnext.symbol', 'esnext.asynciterable', 'esnext.intl', 'esnext.bigint', 'esnext.string', 'esnext.promise', 'esnext.weakref'. 
        // "lib": ["dom"]

        //outDir  用来指定编译后文件所在的目录
        "outDir": "./dist",
        //outFile 将文件合称为一个文件
        //设置outFile后,所以的全局作用域中的代码都会合并到同一个文件
        // "outFile": "./dist/app.js",
        //是否对js文件进行编译,默认是false
        "allowJs": false,
        //是否检查js代码是否符合语法规范
        "checkJs": false,
        //是否移除注释
        "removeComments": true,
        //不生产编译后的文件
        "noEmit": false,
        //当有错误时不生成编译后的文件
        "noEmitOnError": true,
        //用来设置是否使用严格模式,默认为false

        //所有严格检查的总开关
        "strict": true,
        "alwaysStrict": true,
        //不允许隐式的any类型
        "noImplicitAny": true,

        //不允许声明不明确的this
        "noImplicitThis": true,
        //严格检查空值
        "strictNullChecks": true,

    }
    
}

编译成功:
在这里插入图片描述
 在dist中生成各自的js文件
学习路径

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值