每天学一点Vue3

被迫开始学习Typescript,x.d.ts

2022-05-07  本文已影响0人  自然框架

用 vite2 + vue3 做了几个基础的库项目,打包发布都弄明白了。

然后引入到项目后发现一个问题,普通项目会提示,没有找到d.ts文件。ts的项目虽然可以使用,但是爆红了,显得很不专业的样子。

so,即使库项目不是用ts方式写的,也需要一个.d.ts文件,那么这个文件要怎么写?

找了一些资料,慢慢摸索呗。

package.json

需要添加 "types": "dist/nf-ui-elp.d.ts" ,这样才能找到文件,不加找不到。(没尝试@types 的方式,这个文件夹太大,打开的卡)。

xxx.d.ts

先手动写个简单的,参考了 pinia的.d.ts文件的格式。


/**
 * 创建简易路由
 */
export declare function createRouter (info: any) => any;


/**
 * 获取路由,可以得到路由的实例。
 */
export declare function useRouter () => any;

根据库项目的 export 的内容写说明,如果库项目不是ts的,参数大概都是any的,如果库项目是ts的,需要把接口定义引入进来,这个还没有尝试。

看到有资料说,需要在外面套上

declare module '@naturefw/ui-elp' {

}

测试了一下,套不套,在vscode里面都可以被识别。

未完待续。。。慢慢探索中。。。

上一篇下一篇

猜你喜欢

热点阅读