Java知识分享网 - 轻松学习从此开始!    

Java知识分享网

Java1234官方群25:java1234官方群17
Java1234官方群25:838462530
        
SpringBoot+SpringSecurity+Vue+ElementPlus权限系统实战课程 震撼发布        

最新Java全栈就业实战课程(免费)

AI人工智能学习大礼包

IDEA永久激活

66套java实战课程无套路领取

锋哥开始收Java学员啦!

Python学习路线图

锋哥开始收Java学员啦!

Webpack入门学习笔记 PDF 下载


分享到:
时间:2025-06-29 07:43来源:http://www.java1234.com 作者:转载  侵权举报
Webpack入门学习笔记
失效链接处理
Webpack入门学习笔记 PDF 下载 


 
 
相关截图:
 


主要内容:
 

5.自定义打包规则
5.1. 基础配置

filename 如果设置为 main.[hash:8].js 则会为打包后的文件创建哈希名,并指定哈希
长度,代码一旦被修改,生成的文件名中的哈希值也会变化,有助于强缓存的设置。
前端非常重要的一个性能优化方案,对 web 静态资源做缓存处理:
1)强缓存:如果需要设置强缓存则需要服务器返回资源的同时在响应头设置:
cache-control(设置多少秒后过期,HTTP/1.1)、expires(设置过期时间,HTTP/1.0)。
客户端如果发现对应的响应头字段信息,就会把资源缓存到本地并缓存相关标识。一旦设置
强缓存机制,当再次打开页面首先会检查本地缓存是否生效,如果生效(是否有且未过期)
则直接从本地缓存中获取解析不再向服务器发送请求,如果不生效再从服务器中获取。对于
服务器更新时浏览器可能不更新的问题解决方案:由于页面渲染入口时 HTML 页面,所以
对于 html 页面不能设置强缓存;如果服务器有资源更新,让其生成一个新的文件名。

 



 


------分隔线----------------------------

锋哥公众号


锋哥微信


关注公众号
【Java资料站】
回复 666
获取 
66套java
从菜鸡到大神
项目实战课程

锋哥推荐