浏览器缓存之-dva+roadhog

2017/09/28

分类: blog react dva roadhog hash

浏览器缓存之-dva+roadhog

初学前端不久，先用用dva \ 浏览器缓存确实是前端开发一个常用知识

1、浏览器缓存处理方案

Last-Modified
etag
max-age
不同资源

参考

2、dva+roadhog

部署打包的时候会生成如下文件：

index.html
index.js
index.css

由于资源js和css名字不变，则浏览器在缓存情况下不会去更新

2.1、升级roadhog

好像roadhog要1.1.2之后才支持hash打包

2.2、hash配置

.roadhogrc中添加

{
  ...
  "hash": true
}

2.3、打包的时候index.html中并未引用带有hash的js/css

public/index.html -> src/index.ejs

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Your Title</title>
</head>
<body>

<div id="root"></div>

</body>
</html>

npm run build

> index.html
> index.8e4abfa9.js
> index.bde1a996.css

本文地址 http://www.0kai.net/blog/2017/09/28/56-dva-roadhog-hash.html，转载请注明！