Possible Webpack support?

[lighth7015]

Is it possible that Ouch could support the Webpack dev server?

[harishanchu]

If you take a look at api docs it's possible to provide additional scripts to pretty page handler. Would that be good enough?

[lighth7015]

Yeah, I'll just have to find the time to create an error handler for webpack.

[lighth7015]

=== Update ===
So I've been playing around with Ouch, and this is the closest thing I can figure to something that works, but it won't for some reason-

var Ouch = require('ouch')
var utils = require('./utils')
var webpack = require('webpack')
var config = require('../config')
var merge = require('webpack-merge')
var baseWebpackConfig = require('./webpack.base.conf')
var HtmlWebpackPlugin = require('html-webpack-plugin')

const { HotModuleReplacementPlugin, DefinePlugin, NoEmitOnErrorsPlugin } = webpack;

// add hot-reload related code to entry chunks
Object.keys(baseWebpackConfig.entry).forEach((name) => (
	baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) ))

module.exports = merge(baseWebpackConfig, {
	module: {
		rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
	},
	
	// cheap-module-eval-source-map is faster for development
	devtool: '#cheap-module-eval-source-map',
	devServer: {
		host: '0.0.0.0',
		port: 8800,
		
		before(app) {
			const ouch = new Ouch();
			const { handlers: { PrettyPageHandler }} = Ouch;
			
			const logError = () => 
				console.log('Error handled');
			
			app.use((err, req, res, next) => (
				ouch.pushHandler(new PrettyPageHandler())
					.handleException(err, req, res, logError)));
			
			console.log(instance);
			console.log(app);
		},
	},
	
	plugins: [
		new DefinePlugin({
			'process.env': config.dev.env
		}),
		
		// https://github.com/glenjamin/webpack-hot-middleware#installation--usage
		new HotModuleReplacementPlugin(),
		new NoEmitOnErrorsPlugin(),
		
		// https://github.com/ampedandwired/html-webpack-plugin
		new HtmlWebpackPlugin({
			filename: 'index.html',
			template: 'index.html',
			inject: true
		})
	]
})