All Projects β†’ smooth-code β†’ Error Overlay Webpack Plugin

smooth-code / Error Overlay Webpack Plugin

Licence: mit
Catch errors with style πŸ’₯✨

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Error Overlay Webpack Plugin

Webpack Messages
Beautifully format Webpack messages throughout your bundle lifecycle(s)!
Stars: ✭ 238 (-71.01%)
Mutual labels:  webpack, webpack-plugin, create-react-app, error-handling
Moment Locales Webpack Plugin
Easily remove unused Moment.js locales with webpack
Stars: ✭ 396 (-51.77%)
Mutual labels:  webpack, webpack-plugin
Create React App Typescript
DEPRECATED: Create React apps using typescript with no build configuration.
Stars: ✭ 3,759 (+357.86%)
Mutual labels:  webpack, create-react-app
Ts Monorepo
Template for setting up a TypeScript monorepo
Stars: ✭ 459 (-44.09%)
Mutual labels:  webpack, create-react-app
Webpack Extension Reloader
A upgrade from πŸ”₯webpack-chrome-extension-reloaderπŸ”₯, now on all browsers
Stars: ✭ 355 (-56.76%)
Mutual labels:  webpack, webpack-plugin
Browser Sync Webpack Plugin
Easily use BrowserSync in your Webpack project.
Stars: ✭ 356 (-56.64%)
Mutual labels:  webpack, webpack-plugin
Webpack Parallel Uglify Plugin
A faster uglifyjs plugin.
Stars: ✭ 456 (-44.46%)
Mutual labels:  webpack, webpack-plugin
Webpack Sentry Plugin
Webpack plugin to upload source maps to Sentry
Stars: ✭ 299 (-63.58%)
Mutual labels:  webpack, webpack-plugin
Babel Minify Webpack Plugin
[DEPRECATED] Babel Minify Webpack Plugin
Stars: ✭ 502 (-38.86%)
Mutual labels:  webpack, webpack-plugin
Optimize Plugin
Optimized Webpack Bundling for Everyone. Intro ‡️
Stars: ✭ 525 (-36.05%)
Mutual labels:  webpack, webpack-plugin
Webpack Config Plugins
Provide best practices for webpack loader configurations
Stars: ✭ 529 (-35.57%)
Mutual labels:  webpack, webpack-plugin
Web Webpack Plugin
alternative for html-webpack-plugin
Stars: ✭ 318 (-61.27%)
Mutual labels:  webpack, webpack-plugin
Filemanager Webpack Plugin
Copy, move, archive (zip/tar/tar.gz), delete files and directories before and after Webpack builds. Win32/Mac/*Nix supported
Stars: ✭ 310 (-62.24%)
Mutual labels:  webpack, webpack-plugin
Webpack Chrome Extension Reloader
πŸ”₯ Hot reloading while developing Chrome extensions with webpack πŸ”₯
Stars: ✭ 365 (-55.54%)
Mutual labels:  webpack, webpack-plugin
Webpack Cdn Plugin
A webpack plugin that use externals of CDN urls for production and local node_modules for development
Stars: ✭ 306 (-62.73%)
Mutual labels:  webpack, webpack-plugin
Log Process Errors
Show some ❀️ to Node.js process errors
Stars: ✭ 424 (-48.36%)
Mutual labels:  error-handling, error
React App
Create React App with server-side code support
Stars: ✭ 614 (-25.21%)
Mutual labels:  webpack, create-react-app
Webpack Assets Manifest
This Webpack plugin will generate a JSON file that matches the original filename with the hashed version.
Stars: ✭ 269 (-67.24%)
Mutual labels:  webpack, webpack-plugin
Webpack Virtual Modules
Webpack Virtual Modules is a webpack plugin that lets you create, modify, and delete in-memory files in a way that webpack treats them as if they were physically presented in the file system.
Stars: ✭ 286 (-65.16%)
Mutual labels:  webpack, webpack-plugin
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+441.29%)
Mutual labels:  webpack, webpack-plugin

Error Overlay Webpack Plugin

Build Status version MIT License

Catch errors with style πŸ’₯✨

This plugin will display an error overlay in your application. It is the same error overlay used in create-react-app.

  • πŸ“¦ Webpack 4 support
  • πŸ₯ž Elegant stack trace
  • πŸ“ Click to open error line in editor
Error Overlay Webpack Plugin Example
npm install error-overlay-webpack-plugin --save-dev

Usage

// webpack.config.js
const ErrorOverlayPlugin = require('error-overlay-webpack-plugin')

module.exports = {
  entry: 'main.js',
  output: {
    path: __dirname + '/dist',
    filename: 'bundle.js',
  },
  plugins: [new ErrorOverlayPlugin()],
  devtool: 'cheap-module-source-map', // 'eval' is not supported by error-overlay-webpack-plugin
}

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].