在前端开发过程中，webpack 是一个非常重要的工具，它可以帮助我们将代码编译、打包、压缩等一系列操作自动化。而其中的 nodemon 是一个监视 Node.js 代码改动并自动重启服务的工具。如果将这两个工具结合使用，可以使我们的开发效率大大提升。本文将介绍如何使用 npm 包 webpack-nodemon-plugin 来实现这一功能。
什么是 webpack-nodemon-plugin
webpack-nodemon-plugin 是一个 webpack 插件，它可以自动监视代码改动并启动 nodemon 服务，支持热更新，实现自动重启服务的功能。
如何安装
首先，我们需要在项目中安装 webpack 和 nodemon，这里以全局安装为例：
npm install -g webpack nodemon
然后，我们需要在 webpack 中安装 webpack-nodemon-plugin：
npm install webpack-nodemon-plugin
如何使用
在 webpack 配置文件中引入 webpack-nodemon-plugin：
const webpackNodemonPlugin = require('webpack-nodemon-plugin');在插件数组中添加该插件：
plugins: [ new webpackNodemonPlugin() ]
以上就是最简单的配置方式，该插件还支持更多的配置选项，可以在实际项目中根据需要进行配置。
示例代码
-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------
----- -------------------- - ----------------------------------
-------------- - -
------ -------------
------- -
----- ----------------------- --------
--------- -----------
--
-------- -------------
------- -
------ --
----- --------
-------- ---------------
---- --------------
--
--
-------- -
--- ----------------------
-
-注意事项
在开发过程中，我们需要保证 webpack 和 nodemon 的版本相互兼容，否则可能会出现一些无法预知的错误。同时，在使用 webpack-nodemon-plugin 时，我们也需要了解该插件的功能和配置选项，以确保使用该插件的同时能够发挥其最大的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005668681e8991b448e2b61