使用webpack和node express进行缓存控制

时间:2017-04-13 13:34:06

标签: javascript css node.js caching webpack

我的工作流程如下:

1)我使用webpack使用所有酷[chunkhash]构建我的前端,以确保生成的文件在有更改时具有不同的名称,从而破坏缓存并完成以下操作:

app.asdf4354234asdfchunkhashname.js
app.asdf4354234asdfchunkhashname.css
index.html

真棒!

2)然后我有一个节点表达服务器来提供上述页面和一个API,简短版本:

var express = require('express');
app.use(express.static(path.join(__dirname, '../client'))); // Where the wekback files are located after the build
...app.listen(...

太棒了,我的JS和CSS为每个版本都有唯一的名称,但问题是index.html被缓存,因此浏览器不会注意到新的JS / CSS文件。我不认为更改index.html的名称并让节点过滤重定向到newIndex.html的请求是一个很好的解决方案。

问题:我的工作流程有什么问题吗?我如何不缓存index.html或让浏览器知道我的文件有新版本?

0 个答案:

没有答案