回帖：初始化项目：npm init -y
安装依赖：cnpm i -D webpack webpack-cli typescript ts-loader（四个包）
webpack-cli—命令行工具
ts-loader—将ts代码和webpack能整合在一起

1.html-webpack-plugin—html插件能帮助我们在打包时自动地生成html文件
此外，还得安装一个webpack插件cnpm i -D html-webpack-plugin，才能生成html文件
2.webpack-dev-server—该插件能自动响应浏览器更新
安装：npm i -D webpack-dev-server
在package.json中加上start命令："start": "webpack serve --open chrome.exe"
3.clean-webpack-plugin—clean插件能在build前清空dist目录所有文件，避免旧文件的遗留
安装：npm i -D clean-webpack-plugin
3.Babel的使用
为了使得代码能兼容不同浏览器，我们需要使用babel工具（与webpack结合一起使用）。
安装依赖：cnpm i -D @babel/core @babel/preset-env babel-loader core-js（四个）
@babel/core—babel核心的工具
@babel/preset-env—babel的预设环境
babel-loader—babel与webpack结合的工具
core-js—模拟js运行环境（使用时可以按需引入）
修改webpack配置文件
————————————————
版权声明：本文为CSDN博主「Bertil」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Bertil/article/details/119389876