NO IMAGE

typescript 配合 amd 規範的更輕量、”純” 前端開啟方式

曾經數年以前,就嘗試 typescript 無奈至今一直有幾個小問題沒有處理:

0 必須要 import * as $ from "jquery"

使用程式碼不變,才能有提示

require.config({
baseUrl: './',
paths: {
"jquery": "../lib/jquery.min",
},
shim: {
"jquery": {
exports: '$'
},
}
})

這裡同時加入 paths

html

tsconfig 配置後,可以把 @types/jquery 的申明檔案放在自定義專案目錄./typing/ 裡了

且你可以自定義靜態化的處理 typing 下的 d.ts 檔案!
且你可以自定義靜態化的處理 typing 下的 d.ts 檔案!
且你可以自定義靜態化的處理 typing 下的 d.ts 檔案!

重事3遍,d.ts 和 模組名的正確對應後,vscode 提示完美!

至此,任意一個前端專案僅需要依賴一個 tsc 編譯 typescript 就可以輕量的完美執行了,

終於可以優雅的寫 ts 了,爽!

由於依賴太少,大家可以根據需要定製自己的方案!