Import meta
Entenda onde seu código está sendo executado usando import.meta.
O objeto import.meta
Com módulos ES, você pode obter alguns metadados do código que importa ou compila seu módulo ES.
Isso é feito através de import.meta, que é um objeto que fornece essas informações ao seu código.
Ao longo da documentação do Nuxt, você pode ver trechos que já usam isso para descobrir se o
código está sendo executado no lado do cliente ou do servidor.
Propriedades de Runtime (App)
Esses valores são injetados estaticamente e podem ser usados para tree-shaking do seu código de runtime.
| Propriedade | Tipo | Descrição |
|---|---|---|
import.meta.client | boolean | Verdadeiro quando avaliado no lado do cliente. |
import.meta.browser | boolean | Verdadeiro quando avaliado no lado do cliente. |
import.meta.server | boolean | Verdadeiro quando avaliado no lado do servidor. |
import.meta.nitro | boolean | Verdadeiro quando avaliado no lado do servidor. |
import.meta.dev | boolean | Verdadeiro quando executando o servidor de desenvolvimento do Nuxt. |
import.meta.test | boolean | Verdadeiro quando executando em um contexto de teste. |
import.meta.prerender | boolean | Verdadeiro quando renderizando HTML no servidor na fase de pré-renderização da sua build. |
Propriedades do Builder
Esses valores estão disponíveis tanto em módulos quanto no seu nuxt.config.
| Propriedade | Tipo | Descrição |
|---|---|---|
import.meta.env | objeto | Equivale a process.env |
import.meta.url | string | Caminho resolvível para o arquivo atual. |
Exemplos
Usando import.meta.url para resolver arquivos dentro de módulos
import { createResolver } from 'nuxt/kit'
// Resolve relativo ao arquivo atual
const resolver = createResolver(import.meta.url)
export default defineNuxtModule({
meta: { name: 'myModule' },
setup() {
addComponent({
name: 'MyModuleComponent',
// Resolve para '/modules/my-module/components/MyModuleComponent.vue'
filePath: resolver.resolve('./components/MyModuleComponent.vue')
})
}
})
※Esta página é uma tradução não oficial da documentação oficial do Nuxt.js.
A página correspondente na documentação oficial está aqui:
https://nuxt.com/docs/3.x/api/advanced/import-meta