TypeScript tsconfig 配置文件
<div>tsc --init 会生成一个 tsconfig.json 的配置文件，tsc 没法用需要全局安装 typescript。这个文件是对 ts 的编译配置文件。我们新建一个文件夹，生成 tsconfig.json，将</div><div>
<div class="cnblogs_code">
<pre>"removeComments": <span style="color: rgba(0, 0, 255, 1)">true</span>,</pre>
</div>
</div>
<div>这个配置放开，在编译的时候，把注释去掉。</div>
<p> </p>
<div>demo.ts</div>
<div>
<div class="cnblogs_code">
<pre>const tt: string = 'hahah'; <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> this is a ts val</span></pre>
</div>
</div>
<div>然后执行 tsc demo.ts，生成的 demo.js 中并未把注释去掉。也就是说用 tsc 直接指定某一个文件的时候，并不会用到 tsconfig.json。只有直接运行 tsc, 后面不带任何文件，他才会去执行 tsconfig.json</div>
<p> </p>
<div>tsc 运行的原理是，这个命令敲下的时候，会先去读配置文件，什么都没有，默认编译根目录下所有的 ts 文件</div>
<p> </p>
<div>如果根目录有多个文件，而我想只编译其中一个文件，但是又要使用到 tsconfig 怎么弄，这个需要在 tsconfig 里面配置路径，加上配置 include</div>
<div>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">{
</span>"include": ["./demo1.ts"<span style="color: rgba(0, 0, 0, 1)">],
</span>"compilerOptions"<span style="color: rgba(0, 0, 0, 1)">: {}
}</span></pre>
</div>
<p> </p>
</div>
<div>除了可以写 include 之外，还可以写 exclude，不编译某些文件</div>
<div>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">{
</span>"exclude": ["./demo1.ts"<span style="color: rgba(0, 0, 0, 1)">],
</span>"compilerOptions"<span style="color: rgba(0, 0, 0, 1)">: {}
}</span></pre>
</div>
<p>这里只不编译 demo1.ts</p>
</div>
<p><br><br></p>
<div>ts-node demo.ts 会去读 tsconfig 的配置项</div>
<p> </p>
<div>https://www.typescriptlang.org/docs/handbook/tsconfig-json.html</div>
<div>这个文件可以看到各种配置的解释</div>
<p> </p>
<div>这里的include，还可以写成 files，里面还可以用正则表示</div>
<p>
<br><br></p>
<div>除了 include,exclude，接下来就是 compilerOptions 这个文件里面的配置项，这个配置项里面有很多的配置项。这个下面指的就是编译过程中的配置</div>
<div>
<div class="cnblogs_code">
<pre>"removeComments": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 编译过程中注释去掉</span>
"strict": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 表示他后面的配置项默认都为 true</span>
"noImplicitAny": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 不明确的 any 类型必须加类型注解</span>
"strictNullChecks": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 是否强制校验 Null，比如 const ss: string = null; 会报错，如果是 false 不报错</span>
"rootDir": "./src", <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 要编译的文件夹</span>
"outDir": "./build", <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 把编译好的文件夹放置到 build 文件夹中</span>
"incremental": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 之前编译过的内容不在编译，只编译新增的内容</span><span style="color: rgba(0, 128, 0, 1)">
//</span><span style="color: rgba(0, 128, 0, 1)"> incremental 打开后编译后会生成 tsconfig.tsbuildinfo，下次编译会去做比对，有不同的地方再进行编译</span>
"allowJs": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 是否允许编译 js 代码，比如 es6 代码</span>
"checkJs": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 对 js 语法进行检测，比如 js 语法写错了</span>
"sourceMap": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 打包完生成 .js.map 文件</span>
"noUnusedLocals": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 没有使用到的变量会提示</span>
"noUnusedParameters": <span style="color: rgba(0, 0, 255, 1)">true</span>, <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)"> 函数里面没有用到的参数会提示</span></pre>
</div>
<p> </p>
</div><br><br>
来源：https://www.cnblogs.com/wzndkj/p/13150276.html
頁:
[1]