Webpack Hot Reload无法用于React JS项目

问题描述

我为我的react项目启用了webpack热重装，但是它总是获取整个bundle.js文件，而不是获取块。

以下是webpack-common.config

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: {
        bundle: ['babel-polyfill','./src/index.js'],},plugins: [
        new HtmlWebpackPlugin({ template: './index.html',minify: true }),],output: {
        filename: '[name].[hash].js',path: path.resolve(__dirname,'build'),publicPath: '/',resolve: {
        modules: [path.resolve(__dirname,'src'),'node_modules'],};

和webpack-dev.config是

const path = require('path');
const webpack = require('webpack');
const merge = require('webpack-merge');
const common = require('./webpack.common.js');

module.exports = (env) => merge(common,{
    mode: 'development',devtool: 'eval-source-map',devServer: {
        contentBase: [path.join(__dirname,path.join(__dirname,'public')],public: 'sello-react-admin.glitch.me',compress:true,disableHostCheck: true,proxy: {
            '/superAdmin': {
                target: 'http://sello-react-admin.glitch.me',secure: false,module: {
        rules: [
            {
                test: /\.(scss|css)$/,use: [
                    'style-loader','css-loader','resolve-url-loader',{ loader: 'sass-loader',options: { sourceMap: true } },{
                test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)$/i,use: [
                    'file-loader',{
                test: /\.js$/,loader: 'babel-loader',exclude: /node_modules/,plugins: [
        new webpack.HotModuleReplacementPlugin(),new webpack.DefinePlugin({
            ENVIRONMENT: JSON.stringify(env)
        })
    ]
});

我的package.json命令是“开始”：“ webpack-dev-server --open --config webpack.dev.js”，

我正在拔头发，试图弄清为什么会这样。如果有人可以提供帮助，那将真的很有帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）