olore / html-webpack-string-replace-plugin

String Replace for the HTML Webpack Plugin

String Replace for the HTML Webpack Plugin

This webpack plugin is to be used in conjunction with html-webpack-plugin. It provides a way for us to use webpack to copy HTML files and perform string manipulations

Installation

Install the plugin with npm:

$ npm install -D html-webpack-string-replace-plugin

Usage

Require the plugin in your webpack config:

const HtmlWebpackStringReplacePlugin = require('html-webpack-string-replace-plugin');

Add the plugin to your webpack config as follows:

plugins: [
    new HtmlWebpackPlugin({
      "template": "./src/login.html",
      "filename": "./login.html",
    }),

    new HtmlWebpackStringReplacePlugin({
      '_VERSION_': '1.0',
      '_CDN_': 'https://some-cdn',
    })
]