typescript 声明ant-design-vue第三方组件(1)

typescript .d.ts声明文件

Posted by xiaoayng on September 4, 2018

typescript 声明第三方组件方法

工作背景

最近在做共享汽车的的监控平台,使用的是typescript + vue + jsx + element-ui+vuex + vue-cli@v3.0开发的,由于上一个项目使用的是react + redux + ant-design开发的,发现element-ui想对于ant-design还是有不小的差距,如果不是公司产品、测试、项目经理都想要路由缓存功能做tab页面,个人还是更倾向于用react架构。

最开始发现了ant-desgin-vue这个项目,但是没有types声明文件,不支持typescript。没办法,只有退而求次用element-ui, 但是在使用中,感觉跟ant-design差距太大。 最近终于抽出时间来弄ant-design-vue这个项目的types声明文件,废话不多说,上代码:

先新建一个shims-ant-design-vue.d.ts文件

javascript (type) declare module 'ant-design-vue' { const AntdVue: any; export defalut AntdVue }

上面的代码是最粗暴的写法。直接声明ant-design-vue类型为any;