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开发服务器的同时能够自动打开浏览器

相关推荐
AlienZHOU5 小时前
DeepSeek Harness 插件:HTML 实时可视化编辑
前端·agent·deepseek
To_OC7 小时前
装完 ESLint 它一声不吭?我还以为代码写得多好
后端·node.js·eslint
剪刀石头布啊8 小时前
javascript手动实现继承
前端
FungLeo8 小时前
Node 后端实战 · 列表查询到底怎么写?一个通用 DSL 封装,过滤分页排序一次搞定
数据库·node.js·serverless·dsl 封装·通用列表查询
Elias不吃糖8 小时前
Langfuse 入门:Trace、Prompt、Dataset、Experiment、Evaluator
前端·python·prompt·langfuse
vipbic8 小时前
一个前端的 9 天重构:我是怎么用 Codex 重做航栈的
前端·javascript·后端
Eason_Lou10 小时前
【无标题】
前端·vue.js·html
_codemonster10 小时前
npm run dev 是在开发模式运行,怎么在生产环境运行
前端·npm·node.js
kyriewen11 小时前
我受够了复制报错去问 AI,花一下午给控制台做了个调试助手
前端·javascript·ai编程