webpack html string replacement plugin
npm install html-string-replace-webpack-plugin-webpack-4
This is a webpack plugin that replace string in html files that created by html-webpack-plugin.
This is especially useful for adding some cdn prefix.
#### Install the plugin with npm:
``bash`
$ npm install html-string-replace-webpack-plugin-webpack-4 --save-dev
Add plugin to webpack config plugins. And pass options.
`javascript`
var HtmlStringReplace = require("html-string-replace-webpack-plugin-webpack-4");
var webpackConfig = {
entry: "index.js",
output: {
path: "dist",
filename: "index_bundle.js"
},
plugins: [
new HtmlWebpackPlugin(),
new HtmlStringReplace({
enable: true,
patterns: [
{
match: /href/g,
replacement: function(match) {
return match;
}
}
]
})
]
};
You can pass a hash of configuration options to HtmlStringReplace.
Allowed values are as follows:
- enable: true | false whether enable this plugin or not.patterns
- : add some patterns and how to replace the string.patterns[parrern].replacement
- standard ECMAScript replace function or string
example:
`javascript
new HtmlStringReplace({
enable: true,
patterns: [
{
// eg.
// =>
//
match: /href=\"([^\"]*)\"/g,
replacement: function(match, $1) {
return 'href="' + CDN_PREFIX + $1 + '"';
}
},
{
// eg.
//