resolveClientEnv.js - Configure prefixRE

[monsdroid]

What problem does this feature solve?

Using vue-cli on an exisiting project i would like to add additional prefixes which should be transfered to the client

In the Doc (https://cli.vuejs.org/guide/mode-and-env.html#using-env-variables-in-client-side-code) it states that only VUE_APP prefixed vars are getting replaced in the Client.

We have quite a view env.vars with a different prefix but our build system relies on that naming.
so please let me configure additional prefixes to keep in vue.config.js

What does the proposed API look like?

envPrefixeToKeepInClient: ['PREFIX1_', 'PREFIX2_', ....]

[LinusBorg]

For the time being, you can add another DefinePlugin and add all your env variables with it:

configureWebpack: {
  plugins: [
    new webpack.DefinePlugin({
      'provess.env': {
          'process.env.YOUR_ENV_VAR': process.env.YOUR_ENV_VAR,
          'process.env.YOUR_ENV_VAR2': process.env.YOUR_ENV_VAR2
      }
    })
  ]
}

Since all of the env variables from the .env files will be available through process.env in your vue.config.js file.

You could automate this by looping over all env vars and add those matching your PREFIX to the DefinePlugin