Skip to content

typings.d.ts

在使用TS的时候,最大的一个好处就是可以给JS各种类型约束,使得JS能够完成静态代码分析,推断代码中存在的类型错误或者进行类型提示; TS完成类型推断,需要事先知道变量的类型,如果我们都是用TS书写代码,并且给变量都指定了明确的类型,这时TS可以很好的完成类型推断工作;

但是有时,我们不免会引入外部的 JS库,这时TS就对引入的JS文件里变量的具体类型不明确了, 为了告诉TS变量的类型,因此就有了.d.ts (d即declare),ts的声明文件。

ts
declare module '*.module.css' {
	const classes: { readonly [key: string]: string }
	export default classes
}

declare module '*.module.less' {
	const classes: { readonly [key: string]: string }
	export default classes
}

declare module '*.png' {
	const src: string
	export default src
}

declare module '*.svg' {
	import * as React from 'react';
	export const ReactComponent: React.FunctionComponent<React.SVGProps<
		SVGSVGElement
	> & { title?: string }>;

	const src: string
	export default src
}

declare module '*.css';
declare module '*.less';
declare module '*.scss';
declare module 'xlsx';

Contributors

作者:Long Mo
字数统计:257 字
阅读时长:1 分钟
Long Mo
文章作者:Long Mo
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Longmo Docs