Ope*_*ack 11 javascript caching reactjs webpack
我正在使用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>
你可以使用html-webpack-plugin
plugins: [
new HtmlWebpackPlugin({
hash: true
})
]
hash:true | 如果为true则返回false,然后将唯一的webpack编译哈希附加到所有包含的脚本和css文件中.这对缓存清除很有用.