简介
webpack-blink1-notifier 是一个 npm 包，可以提高前端开发体验。该包可集成至 Webpack 构建过程，使编译构建过程发生错误时，电脑屏幕上闪烁灯光提示用户。
该包基于 node-blink1 实现，是一个可以控制 USB LED 设备 Blink(1) 的 Node.js 模块。使用过程中需要先进行 Blink(1) 的配置。
安装
使用 npm 安装 webpack-blink1-notifier：
--- ------- ----------------------- ----------
配置
在 webpack.config.js 中加入：
----- ------------------- - -------------------------------------------------------
并在 plugins 数组中加入：
--- ---------------------
此外，支持以下可选项：
onBuildStart: 编译开始时的处理函数onBuildEnd: 编译结束时的处理函数onCompileError: 编译出错时的处理函数
示例：
--- --------------------- ------------- ----- ----------- ----- --------------- ---- --
用法
webpack-blink1-notifier 已经封装了 Blink(1) 的 API，无需额外进行配置。
使用方法非常简单，只需要在开启 webpack 构建时加入 --config webpack.config.js 参数即可。
------- -------- -----------------
当编译过程发生错误时，LED 设备将会不断闪烁。具体 LED 灯光的颜色与状态可以在 node-blink1 的文档中查看。
示例
本示例使用 webpack-blink1-notifier 提供的默认配置。
----- ---- - ----------------
----- ------------------- - -------------------------------------------------------
-------------- - -
------ -------------
------- -
----- ----------------------- --------
--------- -----------
--
-------- -
--- ---------------------
-
--总结
webpack-blink1-notifier 是一个实用的 npm 包。通过集成至 Webpack 构建过程，可以极大地提高前端开发的效率与体验。同时，其具有很高的可定制性，可适用于各种不同的开发场景。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f89238a385564ab6da3