關于TypeScript中import JSON的正確姿勢詳解
更新時間：2017年07月25日 12:11:49 作者：CodeSky
2012年10月首度對外公布typescript（當時已經(jīng)是0.7？的版本）同時開源，ts的編譯器是用js編寫的（后來改成ts？），可以在線編寫。下面這篇文章主要給大家介紹了關于TypeScript中import JSON的正確姿勢，需要的朋友可以參考下。
前言
Typescript是微軟內部出品的，用actionscript的語法在寫js的一門新語言，最近 TypeScript 中毒，想想我一個弱類型出身的人，怎么就喜歡上了類型約束……當然這不是重點，重點可能還是 JS 沒有接口，我沒法靠 class 語法糖寫的非常 OO……下面這篇文章想說的其實是在 ts 中如何正確的 import json 格式。
首先我使用了基本姿勢
import * as variable from './fooooooo.json'
結果發(fā)現(xiàn)他提示我并沒有這個 module（Cannot find module），咋回事呀大佬，明明 JavaScript 中我可以正常使用。
查了一下，找到了一個方法：
命名一個 typings.d.ts：
declare module "*.json" {
const value: any;
export default value;
}
接下來理論上你就可以愉快的使用了，比如
import * as variable from './fooooooo.json' const data = (variable as any).data
當然在使用中由于我不小心寫錯了 config 文件的文件名所以沒有生效于是……我又去找了別的方法。
比如可以使用 @types/node 加上 require 引入，如果你的服務中禁用 any，這也是一個比較好的方法。
甚至你可以手寫讀取文件，不過感覺上去還是比較智障……還是覺得前面兩種方法更優(yōu)雅一點
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
您可能感興趣的文章:
相關文章
這幾天不是很忙，就找了些拖動布局方面的資料看看，也學著寫了個拖動布局的效果，沒想到花了好多時間， 七拼八湊，總算是把這個效果寫出來了。哎！還是js的功夫太差。因為是邊找資料邊寫的，很多地方印象不深， 時間一長，再重新寫估計也難，所以把當時的思路記錄一下！也希望大蝦指點一下！2008-05-05
本篇文章主要介紹了mui框架移動開發(fā)初體驗詳解小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了javascript實現(xiàn)加載xml文件的方法,涉及JavaScript針對xml文件對象的相關加載與獲取操作實現(xiàn)方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)無縫滾動雙圖切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
javascript函數(shù)報Uncaught?ReferenceError:?XXX?is?not?define
本文主要介紹了javascript函數(shù)報Uncaught?ReferenceError:?XXX?is?not?defined，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
Ext JS動態(tài)加載JavaScript創(chuàng)建窗體的方法
這篇文章主要介紹了Ext JS動態(tài)加載JavaScript創(chuàng)建窗體的方法 ,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了JS使用面向對象技術實現(xiàn)的tab選項卡效果,結合具體實例形式分析了js面向對象技術與tab選項卡功能的具體實現(xiàn)技巧,需要的朋友可以參考下2017-02-02
7款JavaScript地圖腳本, 大多數(shù)都是基于Google地圖,也有使用jQuery實現(xiàn)的。2009-10-10
JavaScript是一門弱類型語言，它對類型是弱校驗，所以才有了TypeScript。本文就來和大家一起看看TypeScript的類型兼容性的概念和分類，需要的可以參考一下2022-08-08
固定背景滾動特效，使用background-attachment: fixed和導航菜單，頁面會非常平滑的滾動，感興趣的朋友可以參考下哈希望對你有所幫助2013-05-05