今天我们来介绍一个名为 webpack-growl-notifier 的 npm 包，它可以帮助我们在 webpack 编译时使用 Growl（或者其他通知库）进行构建成功或失败的提醒。
安装
首先，我们需要使用 npm 进行安装：
npm install webpack-growl-notifier --save-dev
使用
在 webpack 的配置文件中声明使用这个插件：
-- -------------------- ---- -------
----- ---- - ----------------
----- --------------------- - ----------------------------------
-------------- - -
-- -------
-------- -
--- -----------------------
------ ----------
------------- -----
---
--
--这是最基本的使用方法，你可以根据需要进行自定义配置。常用的配置选项有：
- title：通知框的标题，默认为 'Webpack'
- alwaysNotify：是否总是进行提醒，默认为 false，即只有当 webpack 运行在 watch 模式时才进行提醒
- excludeWarnings：是否排除警告信息，默认为 false
- isWin：是否在 Windows 系统运行，默认为检测系统类型后自动判断
示例
下面是一个基本的 webpack 配置文件，演示了 webpack-growl-notifier 的使用方法：
-- -------------------- ---- -------
----- ---- - ----------------
----- --------------------- - ----------------------------------
-------------- - -
----- --------------
------ -----------------
------- -
--------- ------------
----- ----------------------- --------
--
-------- -
--- -----------------------
------ ----------
------------- -----
---
--
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
--
--
--
--
--你可以通过运行 npm run start （前提是你已经在 package.json 中定义了对应的 npm script）进行编译，并观察命令行的输出以及 Growl 的通知。
指导意义
使用这个 npm 包，可以让我们更方便地进行 webpack 构建过程的监控和提醒，能够及时发现编译错误，提高开发效率和质量。同时，webpack-growl-notifier 的使用方法非常简单，适合各种项目的 webpack 配置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005568d81e8991b448d354f