webpack-blocks - Webpack Dev Server

This is the dev-server block providing webpack dev server configuration.

Usage

const { createConfig, env } = require('@webpack-blocks/webpack')
const devServer = require('@webpack-blocks/dev-server')

module.exports = createConfig([
  // use only if `NODE_ENV === 'development'`:
  env('development', [
    devServer({
      // Show full-screen overlay in the browser on compiler errors or warnings
      overlay: true,

      // If you need to proxy API requests:
      proxy: {
        '/api': { target: 'http://localhost:3000' }
      }
    })
  ])
])

Don’t forget to enable hot reload in your app. If you’re using React it may look like this:

import React from 'react'
import ReactDOM from 'react-dom'

function render() {
  ReactDOM.render(<h1>Hello, webpack-blocks!</h1>, document.getElementById('root'))
}

render()

if (module.hot) {
  module.hot.accept(render)
}

webpack-blocks

Check out the

👉 Main documentation

Released under the terms of the MIT license.

@webpack-blocks/dev-server - Changelog

2.0.0-alpha

• Support for webpack 4 (#261)

1.0.0

• Removed proxy() (#251)

1.0.0-rc

• Removed reactHot() (#214)

1.0.0-beta.3

• Update webpack-dev-server to v2.6.1, now compatible with webpack v3 (#179)
• Less noisy default options

1.0.0-beta.2

• Make webpack a peer dependency, make compatible with webpack v3 (#174)

1.0.0-beta

• Make reactHot support match()

1.0.0-alpha

• Updated for new core API (#125)
• Requires node 6+

0.4.0

• Make dev-server composable (calling it multiple times in a single config works as expected; see #78)

0.3.0

Initial non-beta release. Aligned with the v0.3 release changes.

0.1.0-beta

Initial beta release.