我继承了一个Redux项目,该项目使用高级且非常复杂的webpack
配置。当我修改Redux
代码并运行启动npm run start
的{{1}}时:
webpackDevServer
它检索旧代码,而不提供新的修改后的代码,我通过转到const devServer = new WebpackDevServer(compiler, serverConfig);
// Launch WebpackDevServer.
devServer.listen(port, HOST, err => {
if (err) {
return console.log(err);
}
if (isInteractive) {
clearConsole();
}
console.log(chalk.cyan('Starting the development server...\n'));
openBrowser(urls.localUrlForBrowser);
});
的{{1}}或{{1}的/webpack/./
中的Developer Tools
}(这就是为什么我认为这是旧代码)。
我在Chrome
上发现了以下线程:
https://github.com/webpack/webpack-dev-server/issues/875
他们提出了许多解决方案, 但没有一个对我有用 。此外,它更像是黑客攻击:我怎么知道我应该尝试消除/启用什么才能解决此问题?如果结合使用设置可以解决问题,但要花所有时间尝试所有可能,该怎么办。有什么办法可以解决它吗?我不在乎Web Inspector
的重载,任何花哨的东西,我只需要Safari
进行某种方式的编译并在浏览器中提供最新的代码。有没有办法修改github
脚本中的hot
设置而不是设置本身,这样无论我们指定什么配置,都可以解决过时的代码问题?
更新
有趣的事实是,当我在PC上本地运行它时,它可以正常工作,并且在浏览器中更新了代码,但是如果我在服务器(只是集群中的一个节点)上启动它,它将无法正常工作。我确认webpack
的版本是相同的。