Как сделать динамическое конфигурирование приложения в webpack?

Question

[may-cat]

Есть у меня абстрактный фронтэнд, который собирает webpack-ом html-страницы. При сборке я пробрасываю в эти html-страницы параметры (например, урлики)
Что-то типа:

new HtmlWebpackPlugin({
    template: path.resolve(__dirname, "src", "index.html"),
    title: 'Some prebuild constant here',
    some_url: variables.url
})

А в html-странице они используются как-то вроде

Hello world. here be <a href="<%= htmlWebpackPlugin.options.some_url %>">link</a>

И, допустим, у меня огромное приложение с богатой историей и кодовой базой.

Мне очень хочется, чтобы все эти параметры (`title`, `some_url`) пробрасывались в html не на стадии сборки, а клиентским javascript-ом.

Вижу два варианта:
— стиснуть зубы и переписать приложение
— применить какой-то магический webpack inline-plugin, который преобразует html-код страницы и заменит конструкции вида

<a href="<%= htmlWebpackPlugin.options.some_url %>">link</a>

на что-то типа

<a href="#default_value" id="justarandomhash">link</a>

Чтобы потом в JS-обёртке подгрузить нужные значения аяксом и пробросить их

document.getElementById('justarandomhash').href = variables.url;