favicon-hash-webpack-plugin
This is an extension plugin for html-webpack-plugin - it can add hash to favicon file, just like favicon.[hash].ico, the hash algorithm is md5 now, and use blueimp-md5 to calculate hash.
Installation
Notice
- it requires node v6 or higher
- it supports webpack v3
- it requires that you're using html-webpack-plugin v2 in your project
Install
You can install this plugin with npm:
npm install favicon-hash-webpack-plugin --save-devor you can use yarn:
yarn add favicon-hash-webpack-plugin -DUsage
First, require the plugin in your webpack config:
const FaviconHashPlugin = require('favicon-hash-webpack-plugin');finally, set favicon in html-webpack-plugin and add the plugin in plugins options after html-webpack-plugin
...
plugins: [
new HtmlWebpackPlugin({
favicon: 'path-to-favicon/favicon.ico', // favicon path
}),
new FaviconHashPlugin({}),
],
...and the following icon link will be injected into <head>:
<link rel="shortcut icon" href="your-public-path/favicon.e513b5416b8dc82513c174d5ccde5c21.ico">Options
This plugin only has the default options now.