如何编译typescript文件，在控制台中输出结果
生活随笔
收集整理的這篇文章主要介紹了
如何编译typescript文件，在控制台中输出结果
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
一、 單個ts文件的編譯
tsc app.ts;
- 將app.ts文件編譯為js文件，在網(wǎng)頁中引入即可
tsc app.ts --watch // 監(jiān)視
- 將app.ts文件編譯為js文件，更改ts文件后將持續(xù)監(jiān)視文件
tsc
- tsconfig.json是ts編譯器的配置文件，ts編譯器可以根據(jù)它的信息來對代碼進行編譯
二、 多個ts文件的編譯
- 將所有需要編譯的ts文件放置在src目錄下
- src的父級目錄下需要進行tsconfig.json文件的配置
2-1 目錄結(jié)構(gòu)
2-2 配置tsconfig.json文件
{"compilerOptions": {"module": "ES2015","target": "es5","strict": true,"outDir": "./dist"},"include": ["./src/**/*"] }2-2-1 補充： 配置選項
include： 用來指定哪些ts文件需要被編譯【包含哪個目錄的文件】
-
路徑： ** 表示任意目錄
-
*： 表示任意文件
exclude：不需要被編譯的文件目錄
- 默認(rèn)值：[“node_modules”,“bower_components”,“jspm_packages”]
- compilerOptions :
- target : 用來指定ts被編譯為js的版本
- outDir 用來指定編譯后文件所在的目錄
- module ：指定要使用的模塊化的規(guī)范
- Argument for '--module' option must be: 'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'es2022', 'esnext', 'node16', 'nodenext'.
extends:
-
定義被繼承的配置文件
- "extends": "./configs/base"
files:
-
指定被編譯文件的列表，只有需要編譯的文件少時才會用到
- "files": ["core.ts" ]
outDir: 用來指定編譯后文件所在的目錄
"outDir": "/dist"
outFile: 將代碼合并為一個文件
- “outFile”: “./dist/app.js”
- 設(shè)置outFile后，所有的全局作用域中的代碼會合并到同一個文件中
"allowJs"：false
- 是否對JS文件進行編譯
"checkJs": false
- 是否檢查js代碼是否符合語法規(guī)范，默認(rèn)是false
"removeComments": true // 是否移除注釋
"noEmit": true // 不生成編譯后的文件
"noEmitError": true // 當(dāng)有錯誤時不生成編譯后的文件
"alwaysStrict": false // 用來設(shè)置編譯后的文件是否使用嚴(yán)格模式，默認(rèn)為false
2-3 執(zhí)行
tsc -w
js文件自動輸出在dist文件夾下
在index.html引入即可
2-4 控制臺輸出結(jié)果
總結(jié)
以上是生活随笔為你收集整理的如何编译typescript文件，在控制台中输出结果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【VoxelNet —— 体素网络】
- 下一篇： 哈希算法（闭散列）