美文网首页每天学一点Vue3
被迫开始学习Typescript,x.d.ts

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

作者: 自然框架 | 来源:发表于2022-05-07 08:48 被阅读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里面都可以被识别。

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

    相关文章

      网友评论

        本文标题:被迫开始学习Typescript,x.d.ts

        本文链接:https://www.haomeiwen.com/subject/hymturtx.html