koa-webpack-dev-middleware

webpack dev middleware for koa 1.x.

koa 2.x please try https://github.com/yiminghe/koa-webpack-dev-middleware/tree/2.x

Usage

same with https://github.com/webpack/webpack-dev-middleware. will add original middleware to ctx.webpack

1var app = require('koa')();
2var webpackMiddleware = require("koa-webpack-dev-middleware");
3app.use(webpackMiddleware(...));
4app.get(function *() {
5  this.body = this.webpack.fileSystem.readFileSync('index.html');
6});

Example usage

1var app = require('koa')();
2app.use(webpackMiddleware(webpack({
3    // webpack options
4    // webpackMiddleware takes a Compiler object as first parameter
5    // which is returned by webpack(...) without callback.
6    entry: "...",
7    output: {
8        path: "/"
9        // no real path is required, just pass "/"
10        // but it will work with other paths too.
11    }
12}), {
13    // all options optional
14
15    noInfo: false,
16    // display no info to console (only warnings and errors)
17
18    quiet: false,
19    // display nothing to the console
20
21    lazy: true,
22    // switch into lazy mode
23    // that means no watching, but recompilation on every request
24
25    watchDelay: 300,
26    // delay after change (only lazy: false)
27
28    publicPath: "/assets/",
29    // public path to bind the middleware to
30    // use the same as in webpack
31
32    headers: { "X-Custom-Header": "yes" },
33    // custom headers
34
35    stats: {
36        colors: true
37    }
38    // options for formating the statistics
39}));