如何编译typescript文件,在控制台中输出结果
生活随笔
收集整理的這篇文章主要介紹了
如何编译typescript文件,在控制台中输出结果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、 單個ts文件的編譯
tsc app.ts;
- 將app.ts文件編譯為js文件,在網頁中引入即可
tsc app.ts --watch // 監視
- 將app.ts文件編譯為js文件,更改ts文件后將持續監視文件
tsc
- tsconfig.json是ts編譯器的配置文件,ts編譯器可以根據它的信息來對代碼進行編譯
二、 多個ts文件的編譯
- 將所有需要編譯的ts文件放置在src目錄下
- src的父級目錄下需要進行tsconfig.json文件的配置
2-1 目錄結構
2-2 配置tsconfig.json文件
{"compilerOptions": {"module": "ES2015","target": "es5","strict": true,"outDir": "./dist"},"include": ["./src/**/*"] }2-2-1 補充: 配置選項
include: 用來指定哪些ts文件需要被編譯【包含哪個目錄的文件】
-
路徑: ** 表示任意目錄
-
*: 表示任意文件
exclude:不需要被編譯的文件目錄
- 默認值:[“node_modules”,“bower_components”,“jspm_packages”]
- compilerOptions :
- target : 用來指定ts被編譯為js的版本
- outDir 用來指定編譯后文件所在的目錄
- module :指定要使用的模塊化的規范
- 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”
- 設置outFile后,所有的全局作用域中的代碼會合并到同一個文件中
"allowJs":false
- 是否對JS文件進行編譯
"checkJs": false
- 是否檢查js代碼是否符合語法規范,默認是false
"removeComments": true // 是否移除注釋
"noEmit": true // 不生成編譯后的文件
"noEmitError": true // 當有錯誤時不生成編譯后的文件
"alwaysStrict": false // 用來設置編譯后的文件是否使用嚴格模式,默認為false
2-3 執行
tsc -w
js文件自動輸出在dist文件夾下
在index.html引入即可
2-4 控制臺輸出結果
總結
以上是生活随笔為你收集整理的如何编译typescript文件,在控制台中输出结果的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【VoxelNet —— 体素网络】
- 下一篇: 哈希算法(闭散列)