javascript - 如何将带有哈希文件名的已编译 CSS/JS 包含到网页中

Question

如果您使用编译器(例如 webpack、grunt)将 CSS/JS 文件编译/合并为一个文件， 文件名经过哈希处理(例如 df48gf8d789ds9fs.css)。

是否有某种约定将这些文件包含到网站中？

我的意思是，像往常一样，你会这样做

<link rel="stylesheet" href="style.css" />

但是，如果我有散列文件名，我无法像上面那样对其进行硬编码。

如何做，例如在 PHP 中？

我的想法是这样的，但我只是不知道，必须有更好的解决方案。

<link rel="stylesheet" href="<?php echo get_dir_files_and_find_one_css(); ?>" />

编辑: 是的，我想要散列文件名，以防止浏览器缓存文件。

Answer 1

是的，哈希用于更新浏览器可能拥有的旧缓存，使用该文件的一种方法可能是在通过某种脚本构建元素时将文件名注入(inject)到 HTML 中。但是，在使用编译器时指定文件名不会导致此问题。