TypeScript---webpack配置

通常情况下，实际开发中我们都需要使用构建工具对代码进行打包，TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS。

步骤：

1.初始化项目

- 进入项目根目录，执行命令 
            npm init -y
- 主要作用：创建package.json文件

---

2.下载构建工具

npm i -D webpack webpack-cli webpack-dev-server typescript ts-loader clean-webpack-plugin

   - webpack 
     构建工具webpack
     
   - webpack-cli 
     webpack的命令行工具
     
   - webpack-dev-server 
     webpack的开发服务器
     
   - typescript 
     webpack的命令行工具
     
   - webpack-cli 
     ts编译器
     
   - ts-loader 
     ts加载器，用于在webpack中编译ts文件
     
   - html-webpack-plugin 
     webpack中html插件，用来自动创建html文件
     
   - clean-webpack-plugin    
     webpack中的清除插件，每次构建都会先清除目录

---

3.根目录下创建webpack的配置文件webpack.config.js

const path = require("path")
const HTMLWebpackPlugin = require('html-