webpack-html-string-replace-plugin

    1.1.1 • Public • Published

    HTML STRING REPLACE WEBPACK PLUGIN

    npm version npm Build Status dependencies Inline docs contributions welcome

    This lib is the fork of html-string-replace-webpack-plugin to support 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.

    Installation

    Install the plugin with npm:

    $ npm install webpack-html-string-replace-plugin --save-dev

    Basic Usage

    Add plugin to webpack config plugins. And pass options.

    var HtmlStringReplace = require('webpack-html-string-replace-plugin');
    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;
                        }
                    },
                ]
            })
        ]
    };

    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:

    new HtmlStringReplace({
        enable: true,
        patterns: [
            {
                // eg.
                // <link href="build.css">  =>
                // <link href="//cdn.baidu.com/static/build.css"> 
                match: /href=\"([^\"]*)\"/g,
                replacement: function (match, $1) {
                    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"'
           }
        ]
    })

    Install

    npm i webpack-html-string-replace-plugin

    DownloadsWeekly Downloads

    64

    Version

    1.1.1

    License

    ISC

    Unpacked Size

    8.27 kB

    Total Files

    7

    Last publish

    Collaborators

    • prasanthkarukkuvel