Как создать переменною доступною напрямую в index.html?

Question

[yeco]

Здравствуйте, я могу читать переменные через htmlWebpackPlugin.options но как создать свою переменною
к примеру как Value в документации https://cli.vuejs.org/ru/guide/html-and-static-ass...

Answer 1

[Олег Барабанов]

Если вы используете Vue-cli то просто добавьте в vue.config.js :

module.exports = {
...
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        VAR_NAME: VAR_VALUE,
      }),
    ],
  },
...
}

В шаблоне вы потом можете использовать как <%= VAR_NAME %>. В JS разумеется тоже как VAR_NAME.

Если просто webpack - до просто добавьте секцию в plugins в webpack.config.js

Comments

[yeco]

Спасибо, а существует ли способ запихнуть туда функцию, то есть чтоб можно было
<%= INSERT_TAG_AS_STRING("style")%>

[Олег Барабанов]

yeco, помимо скалярных значений, можете точно также задавать и функцию. Например:

...
    plugins: [
      new webpack.DefinePlugin({
        INSERT_TAG_AS_STRING: (tagName) => `<${tagName}></${tagName}>`,
      }),
    ],
...