如何通过webpackgulp实现TypeScript项目的构建流程示例？

本文共计803个文字，预计阅读时间需要4分钟。

总体来看，TypeScript项目构建主要分为两步：

1. 将.ts项目整体转换为.js项目，按常规规则配置路径，对相应.js项目进行打包构建。

2.在构建过程中，不再使用命令行方式转换.ts文件，而是通过tsc的配置参数实现。

总体来看，TypeScript项目构建主要分两步：

1. 将ts 项目整体转换为js项目
2. 按常规套路，对该js 项目进行打包构建

构建过程中，对ts 文件的转换不再使用命令行方式，所以tsc 的配置参数，需要通过tsconfig.json 文件设置。

初始化tsconfig.json

tsc --init

之后，我们会在项目目录中得到一个完整冗长的tsconfig.json 配置文件。这个文件暂且不必改动。