使用工具: [webpack-dev-server]
注意
:
- 项目开发都是对src目录内部的文件进行更新,不要去修改dist打包好的文件
- 现在对src内部的任何文件做修改操作后,都需要重新打包,才可以看到对应效果
使用步骤:
1. 安装 : npm i webpack-dev-server -D
2. 在webpack.config.js中做如下配置
3. 在package.json中补充一个script
4. 启动命令
现在通过 npm run dev
就可以实现 实时打包、实时编译、实时浏览器查看效果了。它会自动打开一个浏览器窗口
5. 测试
- 修改.js代码
- 修改.css代码,检查是否会重启
注意:
浏览器看到的实时效果是服务器通过“内存
”提供的,没有物理文件,也不会生成dist目录