Um .env para todos workspaces

A feature do Yarn Workspaces é bastante útil quando você quer ter várias aplicações ou bibliotecas no mesmo repositório. Um famigerado monorepo. O Roberto Achar fez um post sobre como configurar um monorepo utilizando o Yarn Workspaces. A biblioteca do Material-UI para React é um exemplo de repositório que tem múltiplos pacotes juntos e usa Yarn Workspaces.

São várias as organizações que podemos fazer nesse esquema, podemos ter aplicações independentes, uma lib que é usada por todas as outras, várias independentes e uma que usa todas elas e etc. Nesse mundo de aplicações, durante o desenvolvimento, ter um .env para cada uma pode não fazer sentido ou simplesmente ser chato demais por ter que ficar cada hora mudando em um lugar diferente, copiando de um pro outro e etc.

Um comando e uma alteração nos seus scripts pode resolver isso:

1. Instale a biblioteca dotenv-cli

Copycopy code to clipboard
1yarn add --dev dotenv-cli

2. Adicione dotenv -e .env antes do seu comando que irá iniciar a aplicação/lib, por exemplo:

Copycopy code to clipboard
1//package.json
2"scripts": {
3    "start-frontend": "dotent -e yarn workspace frontend start"
4}

Assim, sua aplicação vai poder acessar as váriaveis que você configurou no seu .env da raiz 🎉