# @rsbuild/friendly-errors-webpack-plugin

> Recognizes certain classes of webpack errors and cleans, aggregates and prioritizes them to provide a better Developer Experience

Latest version **0.0.3** (published 2023-10-10) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @rsbuild/friendly-errors-webpack-plugin
pnpm add @rsbuild/friendly-errors-webpack-plugin
yarn add @rsbuild/friendly-errors-webpack-plugin
bun add @rsbuild/friendly-errors-webpack-plugin
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2023-10-10 |
| First published | 2023-10-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 22.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3386 |
| Maintainers | chenjiahan, hardfist |

## Links

- npm: https://www.npmjs.com/package/@rsbuild/friendly-errors-webpack-plugin
- Repository: https://github.com/web-infra-dev/rsbuild
- Homepage: https://rsbuild.dev
- Issues: https://github.com/web-infra-dev/rsbuild/issues
- npm.io page: https://npm.io/package/@rsbuild/friendly-errors-webpack-plugin

## Dependencies (2)

- [stacktracey](https://npm.io/package/stacktracey.md) ^2.1.8
- [@rsbuild/shared](https://npm.io/package/@rsbuild/shared.md) 0.0.3

## Recent versions

- 0.0.3 (latest) — 2023-10-10
- 0.0.0-nightly-20231010160630 (nightly) — 2023-10-10

## README

# @rsbuild/friendly-errors-webpack-plugin

Transform and format webpack error into being more human-readable.

## Getting Started

Install the plugin by your favorite package manager, such as:

```shell
$ pnpm add -D @rsbuild/friendly-errors-webpack-plugin
```

Then config it like:

```js
// webpack.config.js
const { FriendlyErrorsWebpackPlugin } = require('@rsbuild/friendly-errors-webpack-plugin');

/** @type {import('webpack').Configuration} */
module.exports = {
  plugins: [
    new FriendlyErrorsWebpackPlugin(),
  ],
};
```

Now you will get an output like the one below.

![screenshot](https://lf3-static.bytednsdoc.com/obj/eden-cn/hrbzheh7lpqulduloj/c6f14fbfb6c8fe734df7979f079d18c36e11be9f.png)

---
_Source: https://npm.io/package/@rsbuild/friendly-errors-webpack-plugin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._