Saltar al contenido

¿Cómo estructurar un proyecto JavaScript?

El paso a paso o código que encontrarás en este post es la resolución más sencilla y válida que hallamos a esta duda o problema.

Solución:

No debe especificar el información de enrutamiento en los nombres de sus archivos js, esos son los trabajos de espacio de nombres y rutas de carpetas. Entonces stackoverflow/util/HashMap.js está bien. Y puedes usar define(“stackoverflow/util/HashMap”, ….) para decirle a la dependencia.

Si necesita colocar sus módulos en carpetas diferentes, puede configurar rutas para su cargador, consulte este manual de RequireJS API.

No hay mejor manera de estructurar sus archivos js. Pero poner el espacio de nombres raíz en una carpeta src siempre es una buena práctica. Puede ver el código fuente del dojo y el código fuente de YUI y usar formas similares para su proyecto. Ambos son proyectos Javascript a gran escala.

en realidad, es mejor obtener el enrutamiento js lib para cargar todos los js usando la interfaz estándar: “js.yoursite.com/lib-0.2.js” debe haber un enrutador (php u otro, y capaz de almacenar consultas en caché). Entonces, allí podría determinar y controlar las rutas completas que usa. Porque el complemento jquery común debe permanecer en un directorio, con jquery, y sus propios complementos personalizados no.

Y allí controlas cada proyecto con sus propias reglas:

jquery/
  plugins/
    jquery.prettyPhoto.js
  jquery.min.js

mySuperJS/
  stable.0/ -- there your production version for 1.0 branch
    module.js
  0.1/
    module.js
  0.2/
    module.js
  0.3/
    module.js

myOtherlib/
  stable.0/ -- production version for all 0.* versions
  stable.1/ -- production version for all 1.0 versions
  0.1/
  0.2/
  0.3/
  0.4/
  0.4.1/
  0.4.1.18/

Estamos usando esa estructura alrededor de un año y es lo mejor para nosotros. Pero a veces usamos una solución más compleja y separamos todos los módulos para bibliotecas, complementos, herramientas, componentes y aplicaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *