typescript中declare module的语法作用是什么？

Question

在vue typescript的项目中看到了如下代码

不知道起的什么作用

declare module '\*.vue' {  
    import Vue from 'vue'  
    export default Vue  
}

以及看到对.gif文件都有对应的处理,请详细解释一下这里的语法

declare  module  '\*.gif'  {

    export  const  gif:  any

}

Answer 1

参考 TypeScript 文档 Declaration Files 的 Widecard module declaration 节

Some module loaders such as SystemJS and AMD allow non-JavaScript content to be imported. These typically use a prefix or suffix to indicate the special loading semantics. Wildcard module declarations can be used to cover these cases.

就是说，虽然 TypeScript 本身不支持导入非 JavaScript 内容，但是为了支持其他工具接下来的工作，所以做了这么个语法支持。

*.vue 这个大概是 webpack 的 vue-loader 支持的