使用 reactjs 和 webpack 开发的 Web 应用程序的缓存问题

新手上路,请多包涵

我正在开发一个使用 reactjs 和 webpack 开发的 Web 应用程序。每次部署后,我们都必须要求用户清除浏览器缓存并重新启动浏览器。我认为 javascript 包文件和 css 文件都被缓存在用户浏览器上。

我们如何强制浏览器不缓存这些文件或让它从服务器下载最新的文件。

 <html>
  <head>
    <meta charset="utf-8">
    <title>My App</title>
            <link rel="stylesheet" href="styles.css" media="screen" charset="utf-8">
  </head>
  <body>
    <div id="app"></div>
    <script src="bundle.js"></script>
  </body>
</html>

原文由 OpenStack 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 428
1 个回答

你可以使用 html-webpack-plugin

 plugins: [
    new HtmlWebpackPlugin({
        hash: true
    })
]

散列:真 | false 如果为 true,则将唯一的 webpack 编译哈希附加到所有包含的脚本和 css 文件。这对于缓存清除很有用。

原文由 Jack 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏