Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.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
Vue.js 网页包生产浏览器重新加载_Vue.js_Webpack - Fatal编程技术网

Vue.js 网页包生产浏览器重新加载

Vue.js 网页包生产浏览器重新加载,vue.js,webpack,Vue.js,Webpack,我想用户的网页,以重新加载每次新的建设是作出的生产脚本。是否有一个端点可以通过webpack调用以获取当前版本号? 我不在服务器上构建脚本,而是在本地和scp上构建脚本最终结果。您不想使用--watch webpack cli命令,因为它会影响您正在运行的服务器/api,是的,当与热模块重新加载一起使用时,它会触发重新加载--它会通过各种方式添加一个端点ping,其中包括轮询回退 您不希望在生产中使用此功能,客户机可能会很快发送比较版本的请求。相反,您应该在构建过程中生成manifest.jso

我想用户的网页,以重新加载每次新的建设是作出的生产脚本。是否有一个端点可以通过webpack调用以获取当前版本号?
我不在服务器上构建脚本,而是在本地和scp上构建脚本最终结果。

您不想使用--watch webpack cli命令,因为它会影响您正在运行的服务器/api,是的,当与热模块重新加载一起使用时,它会触发重新加载--它会通过各种方式添加一个端点ping,其中包括轮询回退

您不希望在生产中使用此功能,客户机可能会很快发送比较版本的请求。相反,您应该在构建过程中生成manifest.json,并将其与公共资产放在一起,作为浏览器客户端可以访问的端点

然后可以控制刷新间隔。你也可以和服务人员联系。但一个基本示例将使用简单的xhr/fetch,检查manifest.json中的构建哈希是否以合理的setInterval进行了更改,以及它是否具有call location.reload()。测试时的提示:location.reload(true)可避免浏览器缓存

生成:

var ManifestPlugin = require('webpack-manifest-plugin');

module.exports = {
    // ...
    plugins: [
      new ManifestPlugin()
    ]
};

它与网页包无关。Webpack是一个模块绑定器。它确实具有实时重新加载(使用websocket)的开发目的。当您构建应用程序时,您将只有静态文件。由您选择服务这些文件的服务器,因此包中既没有websocket服务器,也没有websocket客户端


你想在生产中实现这一点是可能的,但对我来说这似乎很复杂,没有多少好处。

我想问,如果有些人实际上可能永远不会关闭/重新打开选项卡,而是让它保持打开状态,facebook这样的公司如何不断更新UI?主要使用websocket(使用sockjs这样的库,它提供xhr轮询、xhr流…)等回退功能,或者使用HTTP/2服务器推送的更新方式。当然,需要服务器端实现。啊,是的,事实上,该方法让我想到了。我将生成webpack-stats.json文件的md5哈希,并每分钟检查一次。谢谢。