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