1. webpack-hud
Webpack HUD, for showing error messages
webpack-hud
Package: webpack-hud
Created by: mvc-works
Last modified: Tue, 28 Jun 2022 23:55:13 GMT
Version: 0.1.2
License: MIT
Downloads: 77
Repository: https://github.com/mvc-works/webpack-hud

Install

npm install webpack-hud
yarn add webpack-hud

Webpack HUD, displaying errors in app

Webpack TypeScript demo

Usage

 npm i --save-dev webpack-hud
 module.exports = {
  entry: {
    main: [
      "webpack-hud", // <-- put package here, before your code
      "./src/main",
    ],
  },
  output: {
    filename: "bundle.js",
    path: "build/",
  },
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: "awesome-typescript-loader",
        exclude: /node_modules/,
      },
    ],
  },
  resolve: {
    extensions: [".tsx", ".ts", ".js"],
  },
};

How does it work?

I copied the code to started another Sockjs channel listening to Webpack compilation results.
And an element is appended to the <body /> to display the content.

Develop

 cd example/
../node_modules/.bin/webpack-dev-server --hot-only --hot

License

MIT

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code