一、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 文件来提供类型声明
在这里插入图片描述

原文地址:https://blog.csdn.net/qq_43472877/article/details/127361086

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_16799.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

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