How to use webpack.DefinePlugin.runtimeValue?

Question

webpack

Hello, I want to be able to write in index.html like this

<% VUE_APP_ADD_INLINE("style", "body{background:green}" ) %>

and so that it compiles I'm trying to do it by writing
<style>body{background:green}</style>

VUE_APP_ADD_INLINE: webpack.DefinePlugin.runtimeValue(function (tag, code) {
           return JSON.stringify("<" + tag + ">" + code + "</" + tag + ">");
        }, []),

in WebpackDefinePlugin but I get

Template execution failed: TypeError: "<[object Object]>undefined</[object Object]>" is not a function

  TypeError: "<[object Object]>undefined</[object Object]>" is not a function

Answer 1

For such compiler functions, you can use
TempleteParameters in htmlWebpackPlugin

templateParameters: {
        HELLO_WORLD: function (data) {
             return "hello world" + data;
          }
        },