在前端开发中，我们经常需要在页面上显示消息通知，例如操作成功提示、错误提示等等。为了方便地实现这些功能，很多开发者会使用已有的 npm 包。今天我们将介绍一款专门用来实现消息通知的 npm 包 - message-util。
安装和使用
首先，我们需要在项目中安装 message-util 包，可以使用以下命令：
npm install message-util --save
安装完成后，在需要使用消息通知的地方，可以通过以下方式引入 message-util：
import { MessageUtil } from "message-util";接着，我们就可以使用 MessageUtil 中提供的方法来实现消息通知功能了。
展示消息
成功消息
想要在页面上展示成功消息，我们可以使用 MessageUtil 中提供的 showSuccess 方法：
MessageUtil.showSuccess("操作成功！");错误消息
同样地，如果要展示错误消息，我们可以使用 showError 方法：
MessageUtil.showError("操作失败！");警告消息
如果要展示警告消息，可以使用 showWarning 方法：
MessageUtil.showWarning("操作有风险，请谨慎操作！");自定义消息样式
除了使用默认的样式来展示消息外，我们还可以根据自身需求来自定义消息样式。在 message-util 包中提供了一些可供自定义的参数，例如背景颜色、字体颜色等等。
下面是一个例子，展示了如何自定义消息样式：
MessageUtil.show({
message: "自定义消息样式",
backgroundColor: "#ccc",
color: "#000",
duration: 3000
});这里我们将消息的背景颜色设为灰色，字体颜色设为黑色，并且将消息显示时间设为 3 秒钟。
结束语
通过本文，我们学习了如何使用 message-util 包来实现消息通知功能。同时，我们还了解了如何自定义消息样式。希望这些内容能够对您在实际项目开发中使用 npm 包来实现消息通知功能有所帮助。
示例代码： https://github.com/xtyxtyx/message-util-demo
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005582981e8991b448d556b