素材牛VIP会员
webpack配置 控制台提示热加载可用 但内容无变更
 he***ba  分类:JavaScript  人气:1898  回帖:1  发布于6年前 收藏

新手,多多包涵。

浏览器控制台会出现:
[WDS] App updated. Recompiling...
[WDS] App hot update...
但内容无变更 需手动刷新
配置如下:
webpack.config.js热加载部分代码:

if(isDev) {
    config.entry = {
        app : [
            'react-hot-loader/patch',
            path.join(__dirname, '../client/app.js')
        ]
    }
    config.devServer = {
        host: '0.0.0.0',
        port: '8080',
        contentBase: path.join(__dirname,'../dist'),
        hot:true,
        overlay:{
            errors: true
        },
        publicPath:'/public/',
        historyApiFallback: {
            index: '/public/index.html'
        }
    }
    config.plugins.push(new webpack.HotModuleReplacementPlugin())
}

app.js代码:

import React from 'react'
import ReactDOM from 'react-dom'
import { AppContainer } from 'react-hot-loader'
import App from './App.jsx'
const root = document.getElementById("root")
const render = (Component) => {
    ReactDOM.render(
        <AppContainer>
            <Component />
        </AppContainer>,root)
}
render(App)
if(module.hot) {
    module.hot.accept('./App.jsx', () =>{
        const NextApp = require('./App.jsx').default;
        render(NextApp)
    })
}

老鸟请解答一下,万谢!

 标签:webpackjavascript

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv3 码奴
请***子 站长 6年前#1
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取