O processo de compilação pode ser ainda mais aprimorado com compiladores personalizados. Você pode chamar os compiladores personalizados para compilar layout de página e de seção, componente personalizado ou layout de conteúdo da página e evitar a necessidade de adicionar o componente dinamicamente no runtime.
Se nenhum compilador personalizado existir para um componente ou o compilador de componente não retornar marcação, o componente será renderizado no runtime como se nunca fosse compilado.
Os compiladores personalizados são suportados para os seguintes componentes:
As seguintes amostras exibem os compiladores de layout de página e de conteúdo. Os compiladores de layout de seção e componentes personalizados seguem o mesmo modelo do compilador de layout de conteúdo.
Se nenhum compilador personalizado existir, um componente será renderizado por meio do arquivo render.js.
Se um compilador personalizado existir, ele será chamado e o HTML resultante será inserido na página. O compilador personalizado também pode indicar que o componente precisa da hidratação de JavaScript no runtime. Se esse for o caso, a função hydrate() do componente dentro do arquivo render.js será chamada. Se o componente não exigir hidratação, o arquivo render.js do componente nunca será carregado.
Nota:
A compilação é um recurso somente para runtime (site publicado). Quando um site é exibido no modo de edição, navegação ou visualização, as páginas funcionam da maneira usual e os componentes serão sempre adicionados dinamicamente à página.