一、TS 中的两种文件类型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、类型声明文件的使用说明

使用 TS 开发项目时,类型声明文件的使用包括以下两种方式

1. 使用已有的类型声明文件

1.1 内置类型声明文件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1.2 第三方库类型声明文件

1.2.1 库自带声明文件

在这里插入图片描述

1.2.2 DefinitelyTyped

在这里插入图片描述
https://github.com/DefinitelyTyped/DefinitelyTyped/
https://www.typescriptlang.org/dt

2.创建自己的类型声明文件

2.1 项目共享类型

在这里插入图片描述
在这里插入图片描述

2.2 为已有 JS 文件提供类型声明

在这里插入图片描述
迁移https://www.typescriptlang.org/docs/handbook/migrating-from-javascript.html

在这里插入图片描述

例如:已有until.js 迁移ts项目
在这里插入图片描述
在这里插入图片描述

创建webpack

  1. 新建项目 npm init -y

  2. 安装 webpack
    npm install webpack webpack-cli --global //这是安装全局webpackwebpack-cli模块
    npm install webpack webpack-cli --save-dev //这是安装本地项目模块

  3. 新建文件目录
    根目录件夹中新建两个文件夹,分别为 src 文件夹接下来创建三个文件:此时,项目结构如下
    index.html –放在 src 文件夹中;
    index.ts –放在 src 文件夹中;
    在这里插入图片描述

  4. 配置 webpack.config.js
    在这里插入图片描述

  5. 生成tsconfig.json
    tsc--init
    在这里插入图片描述

使用tsloader
在这里插入图片描述
在这里插入图片描述
utils.js 文件来提供类型声明
在这里插入图片描述

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注