什么是hashcat，Commandline application to concatenate, minify, cache-bust and replace JS references
It works by parsing the HTML file for special markup. It then concatenates, minifies, hashes and replaces references to those files. It is ideal for use with a build tool as part of your CI pipeline.
npm install hashcat
Prepare your references by surrounding them with special comment blocks.
Pass the HTML file to hashcat
$(npm bin)/hashcat app/index.html
After processing, the above reference should be replaced with something like this:
<link rel="stylesheet" href="ec784ace.min.css" /> <script src="d41d8cd9.app-min.js"></script>
You can have hashcat output to another file as well
$(npm bin)/hashcat app/index.html app/outputFile.html
Hashcat parses the HTML files, looks for the
The concatenation and minification allow for multiple files during development but a smaller, simpler asset in production.
The hash rename provides cache busting by changing the file name on each deployment if the contents have changed.
This tool is similar to the grunt-usemin task.
In our case, using grunt as part of a CI pipeline meant having to run
npm install hundreds of times a day which was not desirable. This standalone tool solves this specific problem by reducing the external dependencies and does not leave the build agent in a transient state.
You can work with this repo directly.
Use the VSCode task included
Or invoke the node script directly,
node bin/hashcat.js example/tryMe.html
And watch for the changes that occur in
tryMe.html as well as the new files that appear.