前言

Typescript是微軟內(nèi)部出品的，用actionscript的語(yǔ)法在寫js的一門新語(yǔ)言，最近 TypeScript 中毒，想想我一個(gè)弱類型出身的人，怎么就喜歡上了類型約束……當(dāng)然這不是重點(diǎn)，重點(diǎn)可能還是 JS 沒(méi)有接口，我沒(méi)法靠 class 語(yǔ)法糖寫的非常 OO……下面這篇文章想說(shuō)的其實(shí)是在 ts 中如何正確的 import json 格式。

首先我使用了基本姿勢(shì)

import * as variable from './fooooooo.json'

結(jié)果發(fā)現(xiàn)他提示我并沒(méi)有這個(gè) module(Cannot find module)，咋回事呀大佬，明明 JavaScript 中我可以正常使用。

查了一下，找到了一個(gè)方法：

命名一個(gè) typings.d.ts：

declare module "*.json" {

const value: any;

export default value;

}

接下來(lái)理論上你就可以愉快的使用了，比如

import * as variable from './fooooooo.json'

const data = (variable as any).data

當(dāng)然在使用中由于我不小心寫錯(cuò)了 config 文件的文件名所以沒(méi)有生效于是……我又去找了別的方法。

比如可以使用 @types/node加上 require 引入，如果你的服務(wù)中禁用 any，這也是一個(gè)比較好的方法。

甚至你可以手寫讀取文件，不過(guò)感覺上去還是比較智障……還是覺得前面兩種方法更優(yōu)雅一點(diǎn)

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的import引入json文件_关于TypeScript中import JSON的正确姿势详解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。