Как использовать webpack.DefinePlugin.runtimeValue?

Question

[yeco]

Здравствуйте, я хочу иметь возможность в index.html написать так

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

и чтоб это скомпилилось
<style>body{background:green}</style>
Я пытаюсь это сделать прописав

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

в WebpackDefinePlugin но получаю

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

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

Comments

[Aetae]

Какая версия webpack у тебя?

[yeco]

webpack@5.64.4

Answer 1

[yeco]

Для таких компиляторных функций можно использовать
TempleteParameters в htmlWebpackPlugin

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