webpack
webpack 可以打包项目用到的js和非js文件 但是每次修改 都需要手动执行打包命令 然后刷新浏览器页面 比较麻烦

webpack-dev-server
实现了项目自动打包功能 每次修改文件 会自动打包并生成 bundle.js (mian.js) 文件 然后刷新浏览器页面

1. 安装 webpack-dev-server

npm i -D webpack-dev-server

2. 修改启动配置

打开 package.json 修改 scripts 下的 dev 为 webpack-dev-server

"dev": "webpack-dev-server"