前情題要 在上這一篇中我們成功讓webpack可以吃下".ts"檔案,這一篇開始講解基本typescript可以幹嘛?幸運的是鐵人賽已經有一篇非常優秀的typescript講解並深入淺出的說明了,他幫助我再走歪的道路走了超遠! 讓 TypeScript 成為你全端開發的 ACE! ,這有出書但我買了還沒看= =" 這邊就試著定義axios回來的資料,見識看看ts的威力吧!(ts很好用,強烈建議試完下面的定義後也去爬完那個系列!) 把( http://localhost:3000/air )的json資料複製下來整理一下吧,可以到這邊貼上( https://codebeautify.org/jsonviewer )。這樣就看到該筆資料的實際形狀了,接著就去定義資料並然後整理好吐…
閱讀完整內容引入Typescrip 每一個語言都有他要解決的問題,這邊使用typescrip是因為 潮 可以更好的管理程式碼的架構。並提高程式的自動檢查功能,接著開始吧 上篇會著重在講解typescrip如何用webpack設定,下篇會說明程式方面要怎麼做更改 首先把所有.js檔都變成.ts檔像這樣 可能注意到了多出一個檔案,會慢慢說明。首先更改設定檔"webpack.config.js" webpack.config.js /* webpack.config.js : Webpack 的設定檔 */ const path = require ( 'path' ); const nodeExternals = require ( 'webpack-node-externa…
閱讀完整內容
追蹤我們