想必大家都知道浏览器是有缓存的。浏览器缓存分为强缓存和协商缓存，在命中强缓存时就不会像服务器请求数据。
那么就产生了一个问题，在强缓存生效的时间内一旦服务器资源发生了变化该怎么办？
办法也很简单，修改资源的文件名。只要文件名不一样，那么请求的url也不一样，那么就相当于请求一个新的资源，自然就不会去使用缓存（尽管缓存依然存在）。
那么现在我们的需求便是希望文件名能够体现文件有没有被修改过，如果两次打包前后文件都没有被修改过那么文件名就不会有变化，一旦文件内容发生变化，文件名也必然发生变化。
这样的文件名自然而然的就会想到哈希值，我们计算文件的哈希值，并将其作为文件名不就可以了吗？
那么该怎么做呢？
很简单，在webpack的配置文件里，去修改output字段
module.exports = {output: {filename: '[name].[contenthash].js',chunkFilename: '[name].[contenthash].chunk.js'}}
按上面那样修改即可。
缓存 使用 webpack 来打包我们的模块化后的应用程序，webpack 会生成一个可部署的 /dist 目录，然后把打包后的内容放置在此目录中。只要把 /dist...
必大家都知道浏览器是有缓存的。浏览器缓存分为强缓存和协商缓存，在命中强缓存时就不会像服务器请求数据。 那么就产生了一个问题，在强缓存生效的时间内一旦服务器资源发生了变化...
CDN 是互联网上内容分发的重要一环。无论您之前是否了解过 CDN，其实它已经在您的日常生活中发挥作用了。比如您正在淘宝挑选心仪的商品，或者在观看一段令人捧腹的视频，以及您正在
概述 当我们第一次访问网站的时候，比如 juejin.cn，电脑会把网站上的图片和数据下载到电脑上，当我们再次访问该网站的时候，网站就会从电脑中直接加载出来，这就
简介 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档 浏览
简介 一种是浏览器访问 nginx，浏览器 Cache 另一种是 nginx 访问后端，nginx 自己 Cache 响应头字段说明 Cach
> 之前学习过webpack3的知识，但是webpack4升级后还是有很多变动的，所以这次重新整理一下webpack4的知识点，方便以后复习。 这次学习webpack4不仅仅
痛定思痛。
还没有评论，来说两句吧...