Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网页包后端和前端热重新加载_Javascript_Webpack_Webpack Dev Server - Fatal编程技术网

Javascript 网页包后端和前端热重新加载

Javascript 网页包后端和前端热重新加载,javascript,webpack,webpack-dev-server,Javascript,Webpack,Webpack Dev Server,我正在尝试使用Webpack实时重新加载客户端和服务器端代码。当我运行webpack dev server命令时,我目前的配置将自动重建文件。但浏览器中没有任何更新,即使我手动刷新它,屏幕上也没有相同的内容 var webpack = require('webpack'); var path = require('path'); var fs = require('fs'); var nodeModules = {}; fs.readdirSync('node_modules') .f

我正在尝试使用Webpack实时重新加载客户端和服务器端代码。当我运行
webpack dev server
命令时,我目前的配置将自动重建文件。但浏览器中没有任何更新,即使我手动刷新它,屏幕上也没有相同的内容

var webpack = require('webpack');
var path = require('path');
var fs = require('fs');

var nodeModules = {};
fs.readdirSync('node_modules')
    .filter(function(x) {
        return ['.bin'].indexOf(x) === -1;
    })
    .forEach(function(mod) {
        nodeModules[mod] = 'commonjs ' + mod;
    });

module.exports = {
    entry: [ './server/server.js', './client/app.js'],
    target: 'node',
    output: {
        path: path.join(__dirname, 'build'),
        filename: '[name].js'
    },
    module: {
        loaders: [{
            exclude: /node_modules/,
            loader: 'babel'
        }]
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    externals: nodeModules,
    devServer: {
        historyApiFallback: true,
        contentBase: './'
    }
};

在您的HMR环境中嵌入了一个运行时API,您必须与之交互。您至少需要在entrypoint脚本中添加以下内容:

if (module.hot) {
    module.hot.accept()
}

查看新文档中提供的,以获得更好的想法。

检查结果包(在源代码中写入一些唯一的字符串)它是否真的重新编译。检查您可以使用的任何缓存。谢谢您的回复。我已经检查过了,它确实重新编译了。我现在没有使用任何缓存将此内联键添加到
devServer:{inline:true}
或像这样启动devServer:
webpack dev server--inline
。仍然相同的行为链接已失效:(