编译TypeScript(TypeScript转JavaScript)
<div><h1 class="postTitle">编译TypeScript(TypeScript转JavaScript)</h1>
<div class="clear"> </div>
<div class="postBody">
<div id="cnblogs_post_description">生成相关说明,TypeScript编译器如何编译.ts文件。 指定模块代码生成:“none”、“commonjs”、“amd”、“system”、“umd”、“es2015”或“esnext”。 作者: 志银(ZainChen); 更新日期: 2019.02.22</div>
<div id="cnblogs_post_body" class="blogpost-body cnblogs-markdown">
<h1 id="autoid-1-0-0">1.配置tsconfig.json文件</h1>
<p> </p>
<ul>
<li><code>tsconfig.json </code></li>
</ul>
文件配置说明
<p> </p>
<ul>
<li>{</li>
<li><span class="hljs-attr">"compilerOptions": { //生成相关说明,TypeScript编译器如何编译.ts文件。 </span></li>
<li><span class="hljs-attr">"module": <span class="hljs-string">"commonjs", //指定模块代码生成:“none”、“commonjs”、“amd”、“system”、“umd”、“es2015”或“esnext”。 </span></span></li>
<li><span class="hljs-string">"target": <span class="hljs-string">"es6", //指定ECMAScript目标版本。许可值为“es3”、“es5”、“es6”、“es2015”、“es2016”、“es2017”、“es2018”或“esnext”。 </span></span></li>
<li><span class="hljs-attr">"lib": [<span class="hljs-string">"es6"], //指定要包含在编译中的库文件。需要TypeScript 2.0或更高版本。 </span></span></li>
<li><span class="hljs-attr">"sourceMap": <span class="hljs-literal">true, //是否生成相应的“地图”的文件。 </span></span></li>
<li><span class="hljs-attr">"rootDir": <span class="hljs-string">"src", //指定输入文件的根目录。使用——outDir控制输出目录结构。 </span></span></li>
<li><span class="hljs-attr">"outDir": <span class="hljs-string">"out" //将输出结构重定向到目录。 </span></span></li>
<li>}</li>
<li>}</li>
<li></li>
</ul>
<h1 id="autoid-2-0-0">2.编译命令</h1>
<ul>
<li>npm install -g typescript <span class="hljs-comment">//全局安装typescript </span></li>
<li>tsc <span class="hljs-comment">//编译(一次性编译) </span></li>
<li>tsc -watch <span class="hljs-comment">//编译并监视(每次保存待编译文件都会自动更新编译文件) </span></li>
<li></li>
</ul>
<h1 id="autoid-3-0-0">3.vscode编译</h1>
<p><img src="https://images.cnblogs.com/cnblogs_com/chenzhiyin/1332583/o_analysis.png" alt="analysis" loading="lazy"></p>
</div>
</div>
<br><br>________________________________________________________________________________<br>作者：志银(ZainChen)<br>链接：https://www.cnblogs.com/chenzhiyin<br>来源：博客园<br>著作权归作者所有！<br>商业转载请联系作者(QQ:2384439266)获得授权，非商业转载请注明出处！<br>________________________________________________________________________________<br><br></div><br><br>
来源：https://www.cnblogs.com/wang-sai-sai/p/13085261.html
頁:
[1]