Executando verificação de segurança...
1

[DÚVIDA] Como utilizar .env em um projeto Vue.js?

Estou desenvolvendo um projeto utilizando Vue.js, e desejo fazer uso de um arquivo .env para armazenar minhas variáveis de ambiente, porém estou tendo muitas dificuldades com isso. Tentei seguir o recomendado na documentação oficial, porém também não funcionou, pelo que me parece, o Vue 3 sem a utilização do Vite não funciona corretamente.
Ao seguir o que a documentação me recomenda, tenho problemas logo de cara, pois o comando
vue-cli-service build --mode development faz com que o meu console me retorne o seguinte:

Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.

Já efetuei o comando npm install @vue/compiler-sfc para baixar um dos requisitos que ele pede, mas continuo com o mesmo problema. Logo, minha unica opção seria migrar toda a minha aplicação para o Vite?

Carregando publicação patrocinada...
3

Opa!

Sua aplicação utiliza Vue 3? Se sim, recomendaria migrar para o Vite, o Vue CLI não recebe mais manuntenção e seu último release foi em 2022. Mesmo que dê trabalho ainda recomendo realizar a migração para o Vite, não é díficil e existem diversos guias de migração, deixo um muito bom aqui: https://erindoyle.dev/vue-cli-to-vite/

Caso realizar a migração não seja uma opção, tente atualizar a versão do seu Vue.js para 3.2.13 (há alguns relatos que dizem que acima da 3.3 alguns problemas ainda persistem) e instale o compiler-sfc como devDependencie: npm i @vue/compiler-sfc --save-dev

Caso ainda persista, estou à disposição para ajudar!

1

Cara, obrigado pela informação!
Eu não sabia sobre esse "abandono" do Vue CLI. Vou realizar a migração então, perguntei porque eu poderia estar sendo ignorante, por não tem conhecimento de alguma alternativa que resolveria o problema kkkk. Mas se a opção é migrar para o Vite, ou usar uma versão menos recente do Vue, acredito que a migração é o mais adequado mesmo.

2
1

Você não vai se arrepender. Meu projeto demorava quase 1 minuto pra iniciar e com vite leva 1 segundo.

Muito rápido.
O vite foi praticamente feito pra vue. E com o vue 3 com typescript, script setup, então... a produtividade está ainda mais alta. Recomendo logo que você instale uma versão zerada com vue 3.4 e adapte seu código nela. Essa versão está cok umas melhorias muito boas em na definição do vmodel. Ficou 1000% mais simples de usar.