2.1.0-beta.4-v1.1 • Published 8 years ago
webpack-dev-server-getApp v2.1.0-beta.4-v1.1
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