Replace Hash Webpack plugin
This is a webpack plugin that update script references in HTML files by webpack bundle's hash.
It uses the glob library to do files matching.
Installation
Install the plugin with npm:
$ npm install replace-hash-webpack-plugin --save-dev
Configuration
You can pass a hash of configuration options to ReplaceHashWebpackPlugin
.
Allowed values are as follows:
cwd
: The current work directory.src
: The original pattern the minimatch object represents.dest
: Dest files save path.pattern
: {Array} (optional) Find and replace rules.exts
: {Array} (optional) Asset types to be replaced. Default: ['js', 'css']
Example
//webpack.config.jsvar ReplaceHashWebpackPlugin = ;var webpackConfig = entry: 'main.js' output: filename: '[name]-[hash:8].js' publicPath: 'http://www.cdn.com/js/' plugins: cwd: 'static' src: '**/*.jade' dest: 'prd' // new ReplaceHashWebpackPlugin({ // cwd: process.cwd() + '/static', // src: '**/*.html', // dest: process.cwd() + '/prd', // exts: ['png', 'jpg', 'jpeg'], // pattern: [ // { // find: '([\'"])([/]?%s)(["\'])', // replace: '$1%s$3' // } // ] // }), ;
<!-- static/index.html --> replace-hash-webpack-plugin
result:
<!-- prd/index.html --> replace-hash-webpack-plugin