Translated page Contents of this page might be outdated.
A propriedade modern
Constrói e serve um pacote moderno
Esta funcionalidade é inspirada pelo modo moderno do vue-cli
-
Tipo:
String
ouBoolean
-
Valor padrão:
false
-
Valores possíveis:
-
'client'
: Serve ambos pacotes de roteiros, o pacote moderno<script type="module">
e o pacote legado<script nomodule>
, também fornece um<link rel="modulepreload">
para o pacote moderno. Todo navegador que o tipomodule
carregará o pacote moderno enquanto navegadores antigos recuarão para o legado (transpilado). -
'server'
outrue
: O servidor Node.js consultará a versão do navegador baseado no agente de usuário e servirá o pacote moderno ou legado correspondente. -
false
: Desativa a construção moderna
-
-
Valor padrão:
As duas versões de pacotes são:
- Pacote moderno: apontando navegadores modernos que suportem os módulos do EcmaScript
- Pacote legado: apontando navegadores antigos baseado na configuração do Babel (compatível com IE9 por padrão).
Informação:
-
Use a opção de comando
[--modern | -m]=[mode]
para construir/iniciar pacotes modernos:
package.json
{
"scripts": {
"build:modern": "nuxt build --modern=server",
"start:modern": "nuxt start --modern=server"
}
}
Nota sobre comando nuxt generate: A propriedade modern
também funciona com o comando nuxt generate
, mas neste caso apenas a opção client
é honrada e será selecionada automaticamente quando executar o comando nuxt generate --modern
sem fornecer nenhum valor.
-
O Nuxt detetará automaticamente a construção
modern
nonuxt start
quando omodern
não for especificado, o modo de deteção automática é:
ssr | Modo Moderno |
---|---|
true | servidor |
false | cliente |
-
O modo moderno para o comando
nuxt generate
apenas pode serclient
-
Use
render.crossorigin
para definir o atributocrossorigin
dentro dos marcadores<link>
e<script>
Recorra a exelente publicação do Phillip Walton para mais conhecimentos que dizem respeito as construções modernas.
Edit this page on GitHub
Updated at Thu, Feb 9, 2023
Paiva
Florian Reuschel
Sébastien Chopin
Daniel Roe
Rishi Raj Jain
Clément Ollivier
Savas Vedova
Steven Soekha
Vinícius Alves
Kareem Dabbeet
Valentín Costa
Ryan Skinner
Alex Hirzel
Ajeet Chaulagain
René Eschke
Nico Devs
Muhammad
Nazaré da Piedade
Naoki Hamada
Tom
Yann Aufray
Anthony Chu
Nuzhat Minhaz
Lucas Portet
Richard Schloss
bpy
Antony Konstantinidis
Hibariya
Jose Seabra
Eze
Florian LEFEBVRE
Lucas Recoaro
Julien SEIXAS
Hugo
Sylvain Marroufin
Spencer Cooley
Piotr Zatorski
Vladimir Semenov
Harry Allen
kazuya kawaguchi
Unai Mengual
Hyunseung Lee
Alexandre Chopin
pooya parsa
Nick Medrano
Mosaab Emam
Iljs Путлер Капут
Heitor Ramon Ribeiro
Nero
Yoon Han
Ikko Eltociear Ashimine
FamCodings
Ayouli
F. Hinkelmann
felipesuri
Christophe Carvalho Vilas-Boas
Leoš Literák
Trizotti