webpack-middware-2

Webpack-middware

JUMP TO: Class API | Configuration | Miscellaneous
Server middleware that manages your webpack compilation when in development.
This completely rewritten and heavily tested the webpack-dev-middleware brings a powerful support of multiple webpack configurations and some features enhancing basic functionality. See below.

$ npm i webpack-middware
$ npm i hinell/webpack-middware --production # latest version 

var   compiler  = new Webpack(/* your configs, one or more.. */)
    , Middware  = require('webpack-middware')
    , app       = require('express')();
      app.use((middware = new Middware({
        compiler    : compiler, // compiler property is required!
        publickPath :'/public'  // by default '/'
      , headers     : {         // headers to be served to
        , 'Cache-control': 'max-age=0' // every client requiest
        , files :                      // or for specific file request
            {'vendor':{'Cache-control': 'max-age=3600'}}// headers are sent with response  when the name
                                                        // of any requested webpack output bundle
                                                        // matches for instance to the 'vendor' regexp
      , fs          : new require('memory-fs') // feel free to choose the file system
      , watch       : {}  // watch config
      })).middleware)     // ⚠ don't forget to provide the middleware callback to the .use()!
      app.listen(3000);

      // Miscellaneous
      middware.watching              // access watching, undefined in lazy mode (lazy option is specified)
      middware.watching.invalidate() // invalidate bundle
      middware.fs                    // file system access

API

var   middware = new Middware(compiler[, config]) // middware takes webpack compiler and optional config
var   middware = new Middware(config) // the compiler passed by the config property like {compiler: compiler}

middware.middleware - (req,res,next) - server request listener (middleware)

Config

.compiler - webpack compiler instance, this option is required
.fs - files system where compiled files are kept, by default it is equal to the require('fs')
.headers - {header: value} - serve headers along the response on each request to the webpack output bundle picked by name
.headers.files - {filename:{header: value}} - the same as .headers but only for a particular webpack output bundle
.filename - String - filename on which request middware starts compilation (lazy mode required)
.publicPath - String - by default '/'
.lazy - Boolean - activate lazy mode so middware compiles bundle by request, false by default
.error - Boolean - log errors, false by default
.debug - Boolean - log debug info, false by default
.quiet - Boolean - log no info about compilation, except errors and debug, false by default

Miscellaneous

Rest of options can be found here.
Webpack multiple configurations.