declare 模块声明

示例代码：

declare module '*.css';
declare module '*.less';
declare module '*.png';

这些代码行是 TypeScript 的模块声明，用于告诉 TypeScript 编译器如何处理某些类型的模块导入。TypeScript 是一种基于 JavaScript 的静态类型检查语言，它允许你为 JavaScript 代码添加类型注解，并提供编译时的类型检查。

这里的模块声明是为了解决在 TypeScript 中导入非 TypeScript 文件（如 CSS、LESS 和 PNG 文件）时可能出现的类型错误。

• declare module '*.css';：这行代码告诉 TypeScript，当你导入一个以 .css 结尾的文件时，你可以将其视为一个模块。这通常与 CSS Modules 一起使用，其中每个 CSS 文件都被视为一个独立的模块，并且它的类名和动画名等都会被局部化，以防止全局样式冲突。
• declare module '*.less';：这行代码与上面的类似，但它是为了处理 LESS 文件。LESS 是一种动态样式表语言，它扩展了 CSS，添加了变量、嵌套规则、混合（mixins）、函数和许多其他功能。
• declare module '*.png';：这行代码告诉 TypeScript，当你导入一个以 .png 结尾的图像文件时，你可以将其视为一个模块。这通常与某些构建工具（如 Webpack）一起使用，这些工具可以将图像文件转换为可以在 JavaScript 中使用的 URL 或其他格式。

这些声明通常出现在一个单独的 TypeScript 文件中（例如 shims-vue.d.ts 或 shims-react.d.ts），该文件位于项目的根目录或类型定义文件夹中。这样，当你在项目中的其他 TypeScript 文件中导入这些类型的文件时，TypeScript 编译器就不会报错了。

需要注意的是，这些声明只是告诉 TypeScript 如何处理这些类型的导入，并不会实际导入或处理这些文件。实际的文件导入和处理是由构建工具（如 Webpack、Rollup 等）在构建过程中完成的。