Java资源分享网 - 专业的Java学习网站 学Java,上Java资源分享网
Webpack入门学习笔记 PDF 下载
匿名网友发布于:2025-06-29 07:37:43
(侵权举报)
(假如点击没反应,多刷新两次就OK!)

Webpack入门学习笔记 PDF 下载 图1

 

 

资料内容:

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

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