借助webpackdevmiddleware和webpackhotmiddleware实现热替换功能的服务器

  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!')

    })

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理