EthicApp-Development / ethicapp-main

EthicApp's main repository containing backend and frontend applications
MIT License
1 stars 0 forks source link

[ethicapp-v2] Issue #265: Implementación de proceso de bundling y minificación del modulo teacher-admin.mjs #266

Closed javiersoto99 closed 8 months ago

javiersoto99 commented 8 months ago

Para este issue se utilizaron las herramientas de esbuild (bundle), terser (minificación) y express-asset-versions (versionamiento de los assets).

Para iniciar el proceso se tiene que ejecutar el comando npm run bundle-teacher-module, con esto se realiza el proceso de bundling y minificacion correspondiente y se crea un archivo nuevo llamado bundled-teacher-admin.min.js.

Para llamar al modulo se utiliza el middleware de express-asset-versions que según su documentación (https://www.npmjs.com/package/express-asset-versions) determina que versión de un archivo se desea ejecutar viendo si el NODE_ENV=production o NODE_ENV=development. Por ende desde el home.ejs se llama de la siguiente manera:

<script rel="stylesheet" src="<%= asset('/js/ngmodules/teacher/teacher_admin.mjs','/js/ngmodules/teacher/bundled-teacher-admin.min.js') %>" type="module" defer></script>

Ademas en este issue se hicieron un par de arreglos en la interfaz de profesor que indica el tipo de diseño en los tabs de actividades y diseños: image image