Como organizar o código inserido na tag head?

Estou adicionando uma variedade de código ao meu fórum Discourse, que geralmente é executado quando várias páginas são carregadas. Até agora, tenho apenas adicionado ao tag <head> no meu painel de personalização, e funciona bem.

No entanto, agora o código está ficando bastante longo e complexo, então terei que organizá-lo em seções. Acredito que a maneira de fazer isso seja movê-lo para um tema remoto.

Assumindo que seja esse o caso, aqui está a pergunta: devido à complexidade do código, quero separar o código que atualmente está no tag <head> em arquivos diferentes. Qual é a melhor maneira de fazer isso em um tema remoto?

Diferentes blocos de código são destinados a rodar em páginas diferentes. Então, um bloco de código deve rodar na página de visualização de tópicos, outro na página de visualização de categorias, outro no índice de grupos, etc.

Posso criar diferentes arquivos head.html que sejam vinculados a essas páginas diferentes na base de código do meu tema?

Ou existe apenas outra maneira de organizar esse código do tag <head> em arquivos diferentes para torná-lo mais gerenciável?

Revisei o guia do desenvolvedor, mas não encontrei informações sobre essa questão.

1 curtida

Você já deu uma olhada em Split up theme Javascript into multiple files?

4 curtidas

O método de divisão descrito ali funciona bem. Obrigado pela informação. Eu forneci detalhes sobre como implemento isso aqui.

2 curtidas