Figwheel style in page error tips
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
src
.gitattributes
.gitignore
.npmignore
.prettierrc
README.md
package.json
tsconfig.json
yarn.lock

README.md

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