webpack-dev-server-getApp

2.1.0-beta.4-v1.1 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i webpack-dev-server-getApp

Weekly Downloads

0

Version

2.1.0-beta.4-v1.1

License

MIT

Last publish

Collaborators

  • linzap