借助webpack-dev-middleware和webpack-hot-middleware实现热替换功能的服务器

2019年10月2日 196次阅读 来源: helloweilei
  1. 修改webpack的配置：
    entry: [‘webpack-hot-middleware/client?noInfo=true&reload=true’, ‘./src/main.js’],
    plugins: [new webpack.HotModuleReplacementPlugin()]

  2. 服务器代码的实现：
    const express = require(‘express’)
    const webpack = require(‘webpack’)
    const config = require(‘./webpack.config.js’)
    const webpackDevMiddleware = require(‘webpack-dev-middleware’)
    const webpackHotMiddleware = require(‘webpack-hot-middleware’)

    const app = new express()
    const compiler = webpack(config)

    app.use(webpackDevMiddleware(compiler, {

    publicPath: config.output.publicPath

    }))
    app.use(webpackHotMiddleware(compiler, {

    log: (info) => console.log(info),
heartbeat: 1000

    }))

    app.listen(8080, () => {

    console.log('server started!')

    })

    原文作者：helloweilei
    原文地址: https://segmentfault.com/a/1190000020548317
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞