这一节代码位于 02_html_plugin

本地服务器用于本地调试和打包各个资源, 可以将对应代码写入内存中, 方便调试

安装本地服务器

运行 yarn add webpack-dev-server -D

初步启动本地服务

运行 npx webpack-dev-server
image.png

在浏览器中打开 localhost: 8080
image.png
此时将默认把项目根目录当作静态目录

为了运行方便, 添加运行脚本
image.png
执行 npm run dev

本地开发服务器配置 https://webpack.js.org/configuration/dev-server/
image.png