A la hora de comenzar un nuevo proyecto, suele costar bastante configurar todo. Es por ello, que por simplificar un poco las cosas, acabo de crear una plantilla, basada en TypeScript, Vite y Jest. Para usarla, podéis crear un fork o descargar el código y ajustarlo a vuestras necesidades libremente. Este código lo podéis encontrar en GitHub. Esta plantilla necesita de node en su versión 16.0.0 como mínimo.
Comandos
Una vez que tengáis el proyecto, podréis ejecutar distintos comandos anteponiendo npm run.
dev: Modo de desarrollo, lanza un servidor de live-preview, que va actualizándose según hacéis cambios en el código: compilando el código TypeScript y actualizando las referencias.build: Compila y minifica el código, de forma que lo deja listo para usar en el entorno de distribución. El resultado final lo podrás encontrar en el directorio dist.preview: Lanza un servidor para poder ver los cambios del distribuible generado.test: Lanza los tests unitarios.
Estructura
La estructura del proyecto es muy sencilla. En la carpeta raíz se tiene el fichero index.html, que hace de punto de partida, y todo el código fuente se almacena en el directorio src. Dicho directorio, a su vez, contiene la carpeta __tests__, donde se incluir los tests unitarios a desarrollar con Jest.
Enlace al repositorio typescript-boilerplate.
Comparte este artículo con quien quieras
A la hora de comenzar un nuevo proyecto, suele costar bastante configurar todo. Es por ello, que por simplificar un poco las cosas, acabo de crear una plantilla, basada en TypeScript, Vite y Jest. Para usarla, podéis crear un fork o descargar el código y ajustarlo a vuestras necesidades libremente. Este código lo podéis encontrar en GitHub. Esta plantilla necesita de node en su versión 16.0.0 como mínimo.
Comandos
Una vez que tengáis el proyecto, podréis ejecutar distintos comandos anteponiendo
npm run.dev: Modo de desarrollo, lanza un servidor de live-preview, que va actualizándose según hacéis cambios en el código: compilando el código TypeScript y actualizando las referencias.build: Compila y minifica el código, de forma que lo deja listo para usar en el entorno de distribución. El resultado final lo podrás encontrar en el directoriodist.preview: Lanza un servidor para poder ver los cambios del distribuible generado.test: Lanza los tests unitarios.Estructura
La estructura del proyecto es muy sencilla. En la carpeta raíz se tiene el fichero
index.html, que hace de punto de partida, y todo el código fuente se almacena en el directoriosrc. Dicho directorio, a su vez, contiene la carpeta__tests__, donde se incluir los tests unitarios a desarrollar con Jest.Enlace al repositorio typescript-boilerplate.
jose