Custom VUE_APP_ / environment variables issue

1

I need to set custom VUE_APP_ environment variables like described in https://cli.vuejs.org/guide/mode-and-env.html#modes or through webpack DefinePlugin, but these two methods dont work on framework7 (latest) project created with f7-cli.

Does anyone have any suggestions?

Thanks

2

App created with F7 CLI already has these NODE_ENV variables set

3

I think you are misunderstanding the issue, I stumbled upon the same problem for a React app built with F7-CLI. We would like to set our own environment variables, such as API keys, but I tried with a .env file and that’s not working. Any help? Thanks!

4

He is asking for custom variables, not NODE-ENV and PUBLIC_URL, need this help for my degree final project, thanks!

5

If you use webpack bundler open your webpack config and look for this code:

new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify(env),
      'process.env.TARGET': JSON.stringify(target),
    }),

You can add any variables here

1 Like
6

Yes, I found out this method but, likewise, it isn’t a good practice neither since the environment variables continues staying in the repo. What I want to do is to read properties from my .env file or my system. Is this possible? If not, tell me and I won’t waste my time with this anymore! Thank you so much :slight_smile:

7

You can extend your webpack config file to read the env file and use it from there, can’t see any problems

1 Like
8

That’s what I’m looking for! If you know how I would be very grateful! Anyways, thank you so much!

9

I am sure you can find a lot of info on how to read files in Node.js on the web, e.g. https://stackoverflow.com/questions/18386361/read-a-file-in-node-js