TypeScript-React-Conversion-Guide

> 编程语言

开源

一份用于将简单的 JavaScript/React 项目转换为 TypeScript 的指南。其中包含了代码前后的详细步骤，请参阅下面的 README。

1.4K stars0 点赞1 次浏览

访问官网 GitHub

工具介绍

一份用于将简单的 JavaScript/React 项目转换为 TypeScript 的指南。其中包含了代码前后的详细步骤，请参阅下面的 README。

TypeScript React 转换指南

在我们开始采用 TypeScript 之前,让我们先看看 TicTacToe 应用的结构 - 它包含了一些组件,如下所示(带有 TypeScript 或没有 TypeScript)。

如 package.json 所示,该应用已包含 React/ReactDOM、Webpack 作为打包工具和任务运行器,以及 babel-loader Webpack 插件,用于使用 Babel 进行 ES6 和 JSX 翻译。在我们采用 TypeScript 之前,项目的整体布局如下:``` …


此外,如果您还没有安装,还需要安装 TypeScript (3 或更高版本)、[ts-loader](https://www.npmjs.com/package/ts-loader) 和 [source-map-loader](https://www.npmjs.com/package/source-map-loader) 作为开发依赖项。ts-loader 是一个 Webpack 插件,它可以帮助您将 TypeScript 代码编译为 JavaScript,类似于 babel-loader 对 Babel 的作用。还有一些其他 TypeScript 的替代加载器! source-map-loader 可为调试添加源映射支持。