O diretório de construção do Nuxt

O diretório .nuxt é o chamado diretório de construção (build). Ele é dinamicamente gerado e escondido por padrão. Dentro do diretório você pode encontrar ficheiros gerados automaticamente sempre que nuxt dev é usado ou seus artefactos de construção sempre que nuxt build é usado. A modificação desses ficheiros é uma grande forma de depuração mas lembre que eles são ficheiros gerados e uma vez que você executar o comando dev ou build novamente, qualquer coisa que foi guardada aqui será regenerada.

O diretório .nuxt não deve ser enviado para o seu sistema de controle de versão e deve ser ignorado através do seu .gitignore já que ele será gerado automaticamente quando você executar o comando nuxt dev ou nuxt build.

A propriedade buildDir

Por padrão, várias ferramentas assumem que .nuxt é um diretório oculto, pelo seu nome começar com um ponto. Você pode usar a opção buildDir para previr isso. Se você mudar o nome lembre de adicionar o novo nome dentro do seu ficheiro .gitignore.

nuxt.config.js

export default {
  buildDir: 'nuxt-dist'
}

Dentro da pasta .nuxt:

O ficheiro router.js é o ficheiro de roteador gerado que o Nuxt gera por você quando você coloca ficheiros .vue dentro da pasta pages. Você pode usar este ficheiro para fazer depuração para quando você quiser procurar quais rotas são geradas para o vue-router e encontrar os nomes de uma rota específica.
O route.scrollBehavior.js o qual é o seu comportamento de rolagem do roteador (Router ScrollBehavior)
A pasta de componentes tem todos os seus componentes do Nuxt tais como NuxtChild e NuxtLink. Ele também contém o nuxt-build-indicator o qual é a página que vemos quando sua aplicação está construindo e nuxt-loading o qual é seu componente de carregamento que é visto quando estamos esperando a sua página carregar. Você também encontrará a página nuxt-error aqui dentro a qual contém a página de erro padrão do Nuxt.
A pasta de mixins tem os ficheiros necessários para o método $fetch do Nuxt.
A pasta de views contém o modelo (template) da sua aplicação e sua página de erro do servidor.
A app.js é o ficheiro principal da sua aplicação.
O ficheiro client.js é o ficheiro do cliente necessário para tudo que acontece no lado do cliente.
O ficheiro vazio é intencionalmente deixado vazio para apelidos não operacionais
O ficheiro index.js molda sua aplicação.
O loading.html é o ficheiro que é usado quando a página está carregando.
O ficheiro middleware é onde o seu intermediário é conservado
O ficheiro server.js é todo código que é executado no servidor
As utilities contém as utilidades que o Nuxt precisa para ele funcionar.

Desdobrando

A pasta .nuxt é parte dos ficheiros necessários para desdobrar a sua aplicação SSR. Ela não é necessário para desdobrar a sua aplicação Nuxt estática porque usamos a pasta dist para isso.

Edit this page on GitHub Updated at Tue, Dec 6, 2022