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

相关推荐
quikai19814 小时前
python练习第六组
java·前端·python
用户47949283569154 小时前
0.1加0.2为什么不等于0.3-答不上来的都挂了
前端·javascript·面试
rit84324994 小时前
C#实现的远程控制系统
前端·javascript·c#
诺斯贝克4 小时前
Unable to create converter for xxx.NetworkResponse<Auth> for method AuthService
前端·后端
listhi5204 小时前
针对燃油运输和车辆调度问题的蚁群算法MATLAB实现
前端·算法·matlab
渔_4 小时前
uni-app 页面传参总丢值?3 种方法稳如狗!
前端
快被玩坏了4 小时前
二次封装了个复杂的el-table表格
前端
用户93816912553604 小时前
在TypeScript中,可选属性(?)与null类型的区别
前端
eason_fan5 小时前
Resize 事件导致的二进制内存泄漏:隐式闭包的 “隐形陷阱”
前端·性能优化
一只叫煤球的猫5 小时前
我做了一个“慢慢来”的开源任务管理工具:蜗牛待办(React + Supabase + Tauri)
前端·react.js·程序员