用户登录

要编译的文件,要排除编译的文件,还有一些编译选项,这些东西可以放在一个配置文件里面 .. tsc 命令会自动搜索项目下面的这个配置文件,根据里面的配置给我们编译 TypeScript 项目 .. 这个配置文件是 json 格式的,默认的名字是 tsconfig.json .. 使用 tsc 命令可以生成这个配置文件 ..

在项目的下面,执行一下 tsc 后面加上一个 --init 选项 .. 这样会在项目根目录下面创建一个 tsconfig.json 文件 .. 打开它看一下 ..

如果你发现文件的显示有些问题,是因为这个 json 文件里面包含了一些注释内容,我们可以把文件的格式修改成 javascript ,或者其它相关的格式 .. 也可以给 atom 安装一个 language-json-comments 插件,

这里的 compilerOptions 里面的东西就是 TypeScript 编译器使用的一些选项 .. 大部分选项都被注释掉了 ..

现在我想设置一下编译之后的文件的位置 .. 可以用一下这个 outDir 选项 .. 把编译之后的文件放在当前目录下面的 dist 这个目录的下面 ..

然后再去添加点东西 .. 添加一个 include .. 设置一下要编译的文件 .. 要编译的是当前目录下面的 src 目录里面的所有的文件.. ./src/**/*

回到命令行 ... 先停止一下之前执行的使用了 watch 选项的 tsc 命令 ..

现在我们不需要特别设置要编译的东西,还有编译器的选项,可以直接执行一下 tsc 这个命令 .. 要监视文件的变化,可以再加上一个 --watch 选项 ..

再回到项目看一下 .. 打开编译之后的 dist 下面的 app.js ..

你会发现文件的顶部多了一个 use strict .. 这个是因为在 tsconfig.json 文件里面,把这个 strict 设置成了 true,意思就是要使用 strict 模式 ..

在我们的 ts 文件里,也可以加上这个 use strict ...

tsconfig.json 配置文件《 TypeScript 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点