1.0.2 • Published 6 years ago
inject-variable-html-webpack-plugin v1.0.2
Inject Variable HTML Webpack Plugin
Extension plugin for html-webpack-plugin
to inline variable by webpack. Default inlines in head tag.
Example output
Script tag to assign global webpack variable, injected in <head>
.
<head>
<script>window.variableKey={"aa":"11","bb":"22"}</script>
</head>
Usage
Install via npm/yarn
npm install inject-variable-html-webpack-plugin --save-dev
yarn add inject-variable-html-webpack-plugin --dev
webpack.config.js
const InjectVariableHtmlWebpackPlugin = require('inject-variable-html-webpack-plugin');
module.exports = {
// your config values here
plugins: [
new HtmlWebpackPlugin({
template: './index-template.ejs'
}),
// InjectVariableHtmlWebpackPlugin defaults to:
// { variableKey: ’variableKey‘, variableValue: {} }
new InjectVariableHtmlWebpackPlugin()
]
};
Config
const inlineChunkManifestConfig = {
variableKey: ’variableKey‘, // ’variableKey‘ is default
variableValue: {}, // {} is default; use in html-webpack-plugin template
};
new InjectVariableHtmlWebpackPlugin(inlineChunkManifestConfig)