vue - webpack.dev.conf.js for FriendlyErrorsPlugin

最新推荐文章于 2024-09-20 07:27:09 发布

weixin_34001430

最新推荐文章于 2024-09-20 07:27:09 发布

阅读量355

点赞数

文章标签： webpack javascript ViewUI

本文介绍如何使用friendly-errors-webpack-plugin来改善webpack构建过程中的错误提示。通过配置选项，如compilationSuccessInfo和onErrors等，可以实现更人性化的错误处理机制。同时支持自定义格式化程序和变换器。

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

描述：webpack网页端友好的报错信息就来自它

官网：https://www.npmjs.com/package/friendly-errors-webpack-plugin

 1 new FriendlyErrorsPlugin({
 2   // 运行成功
 3   compilationSuccessInfo：{
 4    message：['你的应用程序在这里运行http：// localhost：3000']，
 5     notes：['有些附加说明要在成功编辑时显示']
 6  },
 7 //  运行错误
 8   onErrors：function（severity，errors）{
 9     //您可以收听插件转换和优先级的错误
10     //严重性可以是'错误'或'警告'
11  },
12   //是否每次编译之间清除控制台
13   //默认为true
14   clearConsole：true,
15 
16   //添加格式化程序和变换器（见下文）
17  additionalFormatters: [],
18   additionalTransformers: []
19 })