Webpack热加载配置

#1

最近试着在写react的应用,同时也了解了webpack的热加载配置,但是一直不能自动刷新,想知道热加载的webpack-dev-server如何配置。

let webpack = require('webpack')
let path = require('path')


module.exports={
    context: __dirname + '/src',
    entry: "./js/index.js",
    module:{
        loaders:[{
            test: /\.js?$/,
            exclude: /(node_modules)/,
            loader:'babel-loader',
            query:{
                presets:['react','es2015']
            }
        }]
    },
    devServer: {
        contentBase: './',
        port: 9090,
        inline: true  //实时刷新
    },
    output:{
        path: __dirname + '/src/',
        filename: 'bundle.js'
    }
}

这是我的配置文件,但是一直没用,不能自动刷新

#2

参考一下? https://github.com/minimal-xyz/minimal-webpack-hmr

1 Like
#3

谢了,虽然现在对webpack不太理解,链接内容有点不是很理解,很感谢,以后可以仔细理解。。:slight_smile:

#4

https://github.com/brickspert/blog/issues/1#hot-module-replacement 这里看下,我写的

#5

热更新的话,还需要react-hot-loader,上GitHub看看它怎么用。

#6

可以看看我的配置 https://github.com/yinxin630/react-starter

#7

前两天刚刚认真的学习了webpack,写了一篇文章,里面有关于热加载的配置 webpack-dev-server

#8