InterpolateHtmlPlugin
Replaces your variable names in your HTML templates.
Inspired from react-dev-utils/interpolate-html-plugin.
Written in TypeScript with
Overview
It works in combination with latest versions of HtmlWebpackPlugin and webpack. You can learn more about creating plugins like this here.
Installation
| NPM | YARN |
|---|---|
npm i -D webpack html-webpack-plugin |
yarn add -D webpack html-webpack-plugin |
npm i -D @gozenc/interpolate-html-plugin |
yarn add -D @gozenc/interpolate-html-plugin |
Usage
const HtmlWebpackPlugin = require("html-webpack-plugin")
const InterpolateHtmlPlugin = require("@gozenc/interpolate-html-plugin")
// In the webpack.config file:
...
plugins: [
new InterpolateHtmlPlugin(HtmlWebpackPlugin, {
'PUBLIC_URL': "https://example.com",
// Replaces %PUBLIC_URL% with https://example.com in index.html.
VARIABLE: 1024,
// Replaces %VARIABLE% with 1024 in index.html.
}),
...Development
I know build pipeline looks kinda strange, but I am making some Linux practice with node concurrently for performant build pipelines. I may insert some C calls into it too. I'll develop it further in the future, but of course I am open for discussions for it.
Also just open a ticket for feature requests of course, I'll be glad to resolve them.
ToDo
- Add webpack@3 support.
- Add webpack@4 support.
- More testing suites for development.
- Type definitions for hook.tap params.