日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

如何编译typescript文件,在控制台中输出结果

發布時間:2024/1/18 编程问答 24 豆豆
生活随笔 收集整理的這篇文章主要介紹了 如何编译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”]
  • {"include": ["./src/**/*"],"exclude": ["./src/hello/**/*"] }
    • 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文件,在控制台中输出结果的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。