@modern-js/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:

$ pnpm add -D @modern-js/friendly-errors-webpack-plugin

Then config it like:

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

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

Now you will get an output like the one below.