Estoy usando Vite para ejecutar fácilmente tailwind y otros paquetes npm en mi HTML y JavaScript estándar.
Esto es lo que tengo ahora: estructura de archivo actual
Y este es mi vite.config.js
const { resolve } = require("path"); const { defineConfig } = require("vite"); module.exports = defineConfig({ build: { rollupOptions: { input: { main: resolve(__dirname, "index.html"), about: resolve(__dirname, "about/index.html"), }, }, }, });¿Alguien conoce una buena estructura de archivos para una aplicación de varias páginas o conoce mejoras en mi estructura actual?
Personalmente, me gusta separar mi código por cómo se llama o escribe. Por ejemplo, las imágenes y los archivos de tipo de medios similares pueden ir en un directorio de "activos". Lo mismo con CSS (o cualquier método de estilo), en un directorio de "estilos" o similar, y lo mismo para JS. Mientras que con JS, dado que generalmente uso el 99 % de JS en cualquier proyecto, me vuelvo súper modular.
Mi estilo de acceso para JS (o simplemente código en general honestamente) es:
Y así sucesivamente, con una estructura basada en cómo se usan realmente los archivos, O BIEN, en el tipo de archivo.
Dicho esto, personalmente comprobaría cómo la gente de React lo hace comúnmente, luego agregaría ese estilo con la forma en que Angular organiza su código. He encontrado un punto dulce entre los dos.