How to create a variable directly accessible in index.html?

Question

Vue.js

Hello, I can read variables through htmlWebpackPlugin.options but how to create my own variable
for example as Value in documentation https://cli.vuejs.org/ru/guide/html-and-static-ass...

Answer 1

If you are using Vue-cli then just add to vue.config.js :

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

In the template you can then use like <%= VAR_NAME %>. In JS, of course, also as VAR_NAME.
If just webpack - before just add a section to plugins in webpack.config.js