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

Java知识分享网

        
AI编程,程序员挑战年入30~100万高级指南 - 职业规划
SpringBoot+SpringSecurity+Vue权限系统高级实战课程        

IDEA永久激活

Java微信小程序电商实战课程(SpringBoot+VUe)

     

AI人工智能学习大礼包

     

PyCharm永久激活

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

     

Cursor+Claude AI编程 1天快速上手视频教程

     

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 页面不能设置强缓存;如果服务器有资源更新,让其生成一个新的文件名。

 



 


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


锋哥推荐