1. 梗概:
- 用 npm 安装 webpack 与一些与之相关的依赖 需要用到的依赖有: ts-loader 将 webpack 与 typescript 联动 typescript webpack-cli, webpack 的命令行工具
- 编写 webpack 配置文件
2. 打包环境配置:
child::webpack打包环境配置
3. 使用打包功能:
使用 npm run build 命令就可以执行打包了
3.1. 生成 html 文件/生成 html 文件功能:
需要用到 html-webpack-plugin 工具包
使用 npm i -D html-ebpack-plugin 命令安装
3.2. 热更新/热打包:
需要用到 webpack-dev-server
3.3. 打包前自动删除上一次打包生成的文件:
需要用到 clean-webpack-plugin
可以防止打包的文件重叠或产生冗余