Executando verificação de segurança...
Em resposta a [Não disponível]
1

Eu apostaria no clássico:

  • ~/
    • css/
      • clear.css
      • main.css
      • custom.css
      • vars.css
    • js/
      • utils.js
      • app.js
      • index.js
    • index.html

Considerando um aplicação com escala previsível.

Carregando publicação patrocinada...
Conteúdo excluído
1

O lance de exportar tudo para um index.js e dar um import la no app.js é que você acaba carregando todos os módulos de uma vez só, dependendo to tipo de bundler que estiver usando. As vezes na sua home não tem nada de users, então pode não ser interessante chamar o JS de users lá, saca?

Pra ficar mais simples o lance de importar e não ficar usando paths relativos, vc pode criar "aliases", que no caso ficaria tipo:

import * as database from '@database' // esse @database aponta diretamente para o database.js

Da pra fazer isso tranquilo com o resolve.alias do webpack.

Conteúdo excluído
1

Pra complementar a sua ideia eu iria, com o tempo, adicionando algumas tecnologias recentes... Ou indo do ponto cronológico: Vanilla -> jQuery -> Framework Progressivo (Vou puxar brasa pra uma certa sardinha haha), como o Vue. Mas claro, analisando onde cada coisa faz mais sentido.