Webpack监视文件修改,自动重新打包文件

方法一:使用watch监视文件变化

在终端中输入以下指令:

npx webpack --watch

我们使用这种方法监听文件变化时只会监听我们计算机本地的文件变化,在开发场景中我们的项目是要部署到服务器中的,因此这种方式并不推荐。

方法二:开启Webpack开发服务器(推荐)

(一)安装Webpack开发服务器依赖

在终端中输入以下指令:

npm i -D webpack-dev-server

(二)运行Webpack开发服务器

在终端中输入以下指令:

npx webpack serve

输入指令后按住Ctrl点击http://localhost:8080/链接

或者是在终端输入以下指令:

npx webpack serve --open

运行Webpack开发服务器的同时能够自动打开浏览器

相关推荐
Rkgua6 小时前
路径传参和查询传参和请求体传参区以及Vue和React的用法区分
前端·面试
JarvanMo6 小时前
Flutter + Supabase 集成 Apple Sign-In 完整指南
前端
网络点点滴6 小时前
简述Node.js运行时核心架构
架构·node.js
小村儿6 小时前
连载
前端·后端·ai编程
dinl_vin6 小时前
LangChain 系列·(九):Agent——让 AI 自己做决策
前端·人工智能·langchain
孟祥_成都6 小时前
前端唯一的护城河?结合 AI 将字节组件库 Headless 化后的感想~
前端·人工智能·react.js
尽欢i6 小时前
前端大坑!文件切片上传后端总报错找不到文件名?
前端·javascript
Sylvia33.6 小时前
世界杯数据链路解析:从球场传感器到终端推送的毫秒级架构
java·前端·python·架构
镜宇秋霖丶6 小时前
2026.5.10@霖宇博客制作中遇见的问题
前端·vue.js·elementui
ai超级个体6 小时前
前端唯一的护城河?结合 AI 将字节组件库 Headless 化后的感想~
前端·react·ai编程·ant design·组件库·vibe coding