A propriedade modern

Constrói e serve um pacote moderno

Esta funcionalidade é inspirada pelo modo moderno do vue-cli

• Tipo: String ou Boolean
  • 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 tipo module carregará o pacote moderno enquanto navegadores antigos recuarão para o legado (transpilado).
    • 'server' ou true: 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

As duas versões de pacotes são:

1. Pacote moderno: apontando navegadores modernos que suportem os módulos do EcmaScript
2. 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:

{
  "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 no nuxt start quando o modern não for especificado, o modo de deteção automática é:

• O modo moderno para o comando nuxt generate apenas pode ser client
• Use render.crossorigin para definir o atributo crossorigin dentro dos marcadores <link> e <script>

Recorra a exelente publicação do Phillip Walton para mais conhecimentos que dizem respeito as construções modernas.