$ tsc --init

如果出现tsc不是正常的命令错误提示 可在命令前面添加npx 然后在执行
执行成功之后修改tsconfig,写入以下内容

更多配置选项可参考官方文档

webpack.config.js

在项目根目录下增加webpack.config.js,内容如下

更多配置选项可参考官方文档
到这里项目的配置项基本已经全部完成了，下面开始写代码

增加第一个ts文件

在项目目录增加src文件夹，并创建第一个文件index.ts,内容如下

完成之后运行一下项目，验证一下

项目启动

项目启动有两种方式，一种是直接在终端中输入webpack serve来启动或者使用yarn命令启动，我们使用第二种方式。
首先配置yarn的启动脚本

在package.json中增加以下代码

  "scripts": {
    "start": "webpack serve"
  }