¿Cuál es el papel de las carpetas src y dist en JavaScript/jQuery?

El uso de una estructura de carpetas estándar no es un requisito absoluto, pero es muy recomendable en función de lo que la comunidad de JavaScript/jQuery ha estado siguiendo por convención.

Algunos directorios comunes son lib/ , src/ , build/ , dist/ , bin/ , test/ , unit/ , Integration / , env/

src: significa fuente y es el código sin procesar antes de la minificación o concatenación o alguna otra compilación que se haya utilizado para leer o editar el código.

src/

1. El src significa fuente .
2. La carpeta /src se compone del código sin procesar no minimizado.
3. La carpeta /src se usa para almacenar el archivo con el propósito principal de leer (y/o editar) el código.
4. La carpeta /src contiene todas las fuentes, es decir, el código que se requiere manipular antes de poder utilizarlo.
5. Dependiendo del proyecto, la carpeta /src puede contener solo las fuentes puras o las versiones no minimizadas.
6. Por lo tanto, la carpeta /src se usa principalmente para almacenar los archivos de código fuente antes de cualquier minificación.

dist: significa distribución y es la versión minimizada o concatenada que se ha utilizado en los sitios de producción.

dist/

1. / dist significa distribuible .
2. La carpeta /dist contiene la versión minimizada del código fuente.
3. El código presente en la carpeta /dist es en realidad el código que se usa en las aplicaciones web de producción.
4. Junto con el código minificado, la carpeta /dist también se compone de todos los módulos compilados que pueden o no usarse con otros sistemas.
5. Es más fácil agregar archivos a la carpeta /dist ya que es un proceso automático. Todos los archivos se copian automáticamente a la carpeta dist al guardar.
6. La carpeta /dist también contiene todos los archivos necesarios para ejecutar/crear un módulo para usar con otras plataformas, ya sea directamente en el navegador o en un sistema AMD (por ejemplo, require.js).
7. Idealmente, se considera una buena práctica limpiar la carpeta /dist antes de cada compilación.

Ejemplo: El código fuente de cualquier programa o biblioteca está presente en el directorio /src. Ahora, si uno desea usar el código fuente de una determinada biblioteca (C, C++, Java, etc.) que fue escrito por otra persona, primero debe compilar el código fuente antes de poder usarlo. Si este código fuente no cumple, entonces no sería posible usarlos. Sin embargo, si de alguna manera ya está disponible una versión precompilada del código fuente, entonces no es necesario realizar la tarea de compilar los archivos del código fuente y se puede usar directamente. Dicha versión ya compilada se guarda en el directorio /dist.

Del mismo modo, si desea compartir una biblioteca de JavaScript, debe agregar el código fuente original (no minimizado) en la carpeta src/ y la versión minimizada (precompilada) en la carpeta dist. Al hacerlo, cualquiera puede usar la versión minimizada del código de inmediato sin tener que minimizarlo ellos mismos.