nuxt.js - How to specify another directory or name for the .env file in Nuxt

Question

I don't want to follow the convention of putting my environment variable (.env file) at the root directory of my Nuxt project.

How can I achieve another directory or even name for it without using the @nuxtjs/dotenv module? (I know this one is already baked into Nuxt since v2.13 and hence, not needed anymore).

Answer 1

Looking at this answer: https://github.com/nuxt/nuxt.js/issues/8331#issuecomment-727533175

You can specify a different location and name if you'd like, with the following

yarn dev --dotenv variables/.env_file

With the following structure

Of course, this will work with yarn generate and yarn build.