HTML STRING REPLACE WEBPACK PLUGIN
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.
Installation
Install the plugin with npm:
$ npm install html-string-replace-webpack-plugin-webpack-4 --save-dev
Basic Usage
Add plugin to webpack config plugins
. And pass options.
var HtmlStringReplace = ;var webpackConfig = entry: "index.js" output: path: "dist" filename: "index_bundle.js" plugins: enable: true patterns: match: /href/g { return match; } ;
Configuration
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:
enable: true patterns: // eg. // <link href="build.css"> => // <link href="//cdn.baidu.com/static/build.css"> match: /href=\"\"/g { return 'href="' + CDN_PREFIX + $1 + '"'; } // eg. // <script src="build.js"> => // <script src="//cdn.baidu.com/static/build.js"> match: /src=\"\"/g replacement: 'href="' + CDN_PREFIX + '$1"' ;