如何用webapck打包资源 如何对css js这些资源设置Cache-Control Last-Modified Etag

Question

如何用webapck打包资源 如何对css js这些资源设置Cache-Control Last-Modified Etag

Answer 1

双越 2020-07-01 00:10:51

你搞糊涂了。

webpack 只是一个大包工具，它无论如何大包，产出的也就是 css js 文件而已。跟你自己写出一个 css js 文件是一样的。即，到目前为止，只有文件，就无所谓缓存不缓存，因为还没有服务。

有了 web 服务之后，js css 作为 web 服务的静态文件，可以被浏览器通过 http 协议访问，这才能扯出缓存这个概念。缓存策略是 web 服务做的，跟文件如何产出没关系。

• 提问者 csupwj #1

  Cache-Control Last-Modified Etag 是服务器自动设置吗 前端不需要关心吗 
  又比如 服务器上有  1.js 2.js 3.js   我 想对3个js设置不同的Cache-Control值 该如何实现呢

• 双越 回复 提问者 csupwj #2

  这你的看是哪个服务器了。静态资源一般用 nginx 作为服务器，可以搜一下“nginx 缓存策略”。不过，nginx 的配置，一般都是运维人员配置的，我们前端人员不会管服务器的配置，我们也不是那么专业。

• 提问者 csupwj 回复 双越 #3

  明白了 谢谢     问后端的 ngix配置