Webpack Dev Server getApp

THIS SERVER SHOULD BE USED FOR DEVELOPMENT ONLY! DO NOT USE IT IN PRODUCTION!

The Origin Project webpack-dev-server

Current Version 2.1.0-beta.4

Documentation

##Installation

npm install webpack-dev-server-getApp --save-dev

##Enhance

add a option addExtension,it will return app(express) and do something what you want.

const webpack = require("webpack")
const webpackDevServer = require("webpack-dev-server-getApp")
const compiler = webpack(webpackConfig)

var bundler = new webpackDevServer(compiler, {
    contentBase: 'build',
	...
	addExtension: addExtension // Enhance ()
});
 
// add Extension 
function addExtension(app){
	// do something 
}

##Example

###react-router

if your project use react-router, you can follow as below

var bundler = new webpackDevServer(compiler, {
    ...
    addExtension: addExtension
});

/* add routing */
function addExtension(app) {
    app.get(/\/[\w-]*/, function (req, res){ 
        res.sendFile(`${process.cwd()}/build/index.html`)
    })
}

if you want more information about react-router please see Histories-browser history.

###hot-update

The react-router caused hot-update failed. You can fix it as below.

    app.get(/.+\.hot-update\.json$/,function(req,res,next){
        var reg = new RegExp(/.*\/(.+\.json)$/),
            r = reg.exec(req._parsedUrl.pathname)
        if(r) res.sendFile(`${process.cwd()}/build/${r[r.length-1]}`)
        else next()
    })

License

Copyright 2012-2016 Tobias Koppers MIT