cache-bust-filename
Advanced tools
Cache bust urls by including a hash in filenames.
Note: Currently, this library cache busts a single css <link>
found in an HTML file. This is sufficient for my current needs. If for
any reason it is of interest to others, please create an
issue, I will
be glad to make it more useful.
npm i cache-bust-filename
/my-project/foo.html
<html>
<head>
<link media="screen" href="foo.css" rel="stylesheet">
</head>
</html>
/my-project/foo.css
p{color:red;}
const {replaceInHtml} = require('cache-bust-filename');
replaceInHtml("/my-project", "foo.css")
/my-project/foo.html (file updated:heavy_exclamation_mark:)
<html>
<head>
<link media="screen" href="foo-99440565f57b1f0c23afb0e0e71ffa35.css" rel="stylesheet">
</head>
</html>
/my-project/foo-99440565f57b1f0c23afb0e0e71ffa35.css (file renamed:heavy_exclamation_mark:)
p{color:red;}
.eleventy.js
const {replaceInHtml} = require('cache-bust-filename');
module.exports = function(eleventyConfig) {
eleventyConfig.on('afterBuild', function() {
replaceInHtml("/my-project", "foo.css")
});
};
I am not well-versed with Eleventy. Hence it's more likely to find better ways to do cache-busting with eleventy.
Here is one such way which happens to be a nice read:
codsen.com - Our cache busting setup on Eleventy
+ Delete previously generated hashed filename if any.
+ Handle JavaScript <script> tags.
+ Handle multiple CSS <link> tags.
+ When count of found files != edited files, print list of found
files as well.
+ Handle condition when no links are found.
+ Cache busts a single css `<link>` found in an HTML file.
FAQs
Cache bust urls by including a hash in filenames.
The npm package cache-bust-filename receives a total of 5 weekly downloads. As such, cache-bust-filename popularity was classified as not popular.
We found that cache-bust-filename demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.