附加到包含的 js / css 文件的数字是什么？答案

【问题标题】：What are the numbers appended to included js / css files?附加到包含的 js / css 文件的数字是什么？
【发布时间】：2018-10-26 18:13:39
【问题描述】：

我试图了解为什么网站会使用 css 和 js 文件执行以下操作 - 或者我是否/为什么要这样做。

<link rel="stylesheet" property="stylesheet" href="/foo/static/css/bar-c0b40.css" type="text/css">

这些自动生成的数字是否仅用于版本控制？或者是否有一些与安全相关的理由来添加这些？

当你更新你的 css 库时，我不得不去更新这些似乎更脆弱。而且比使用实际版本号更烦人。

【问题讨论】：

这是一个“你将不得不问他们，而不是我们”的情况，因为每个网站都可以免费使用他们喜欢的任何软件，然后将他们自己的需求放在这些软件之上，那么谁知道这些数字代表什么，却不知道他们使用的是哪个网络堆栈，以及他们的资产政策指南是什么？一些系统自动后缀用于缓存清除目的，另一些用于版本控制，还有一些似乎没有充分的理由，所以...第 1 步：找出所涉及的确切技术，然后第 2 步：阅读该技术。
It seems more brittle to me to have to go in and update these when you update your css library. 是什么让您认为您必须手动更新它们？如果可以生成文件，应该可以自动注入。
我猜这是缓存清除的哈希值。
我们将它们用于缓存清除，我们的构建过程会自动注入正确的文件名。
欢迎来到2018年的Web开发

【解决方案1】：

我认为它用于消除从缓存中加载过时 css 文件的任何机会。

【讨论】：

【解决方案2】：

是 webpack 的一个特殊功能，被 Angular、React、Vue 等最新框架常用。我的意思是用于防止浏览器缓存。但仅在必要时才会更新文件。

其实是个工具。

【讨论】：