webpack之监测配置文件的修改而自动构建(六)

本文介绍如何利用nodemon工具实现对Webpack配置文件的实时监控,并自动触发构建过程,提高开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在webpack的自动构建中,一般情况下我们只是监测到源文件的变化,如果修改webpack的配置文件就不会发生自动构建。本文通过使用node的nodemon模块来达到目的。

一、安装nodemon

//全局安装
npm install -g nodemon
//本地安装
npm install --save-dev nodemon

二、使用nodemon

nodemon --watch config dev.js

解释:

  • –watch config表示监测config目录下的文件变化
  • –dev.js则为webpack本来的通过 node dev.js形式执行的构建起始文件
  • 总体意思就是:监测config中的文件变化并重新执行dev.js文件

三、注意事项

  1. 如果nodemon是全局安装,nodemon –watch config dev.js可以直接在命令行中执行
  2. 如果nodemon是本地安装需要如下处理:
//在package.json中scripts中加如下配置
"startNodemon":"nodemon --watch config dev.js"

//在命令行中执行
npm run startNodemon
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wl_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值