gulp-example-spa

Aplicación hecha con gulp y React para el Curso de NodeJS de @Fictizia;

El objetivo es completar el fichero gulpfile.js para construir la aplicación React.

Instalación

Por defecto la aplicación arrancará en el puerto 8080.

git clone https://github.com/josex2r/gulp-example-spa.git
cd gulp-example-spa
npm install
gulp server

Plantilla

En la rama #template se encuentra el proyecto con el gulpfile en blanco para completarlo.

Ejercicio

Crear los siguientes tareas de gulp:

• default: Construirá la aplicación mediante la tarea build.
• server: Construirá la aplicación, arrancará un servidor web y escuchará cambios en los ficheros fuentes para reconstruir la aplicación.
• build: Limpiará el directorio de construcción mediante la tarea clean y creará los ficheros de la aplicación en el directorio dist/ ejecutando las tareas: public, vendor, images, styles, scripts.
• clean: Limpiará el directorio de construcción.
• images: Copiará todo el contenido del directorio src/images/ a dist/.
• vendor: Transforma el fichero node_modules/requirejs/require.js en dist/scripts/vendor.js (opcionalmente minificará el resultado).
• styles: A partir del fichero src/styles/index.scss se generará el fichero dist/styles/app.css utilizando sass.
• public: Copiará todos los ficheros de public/ a dist/.
• scripts: Utilizando browserify y babelify se generará el fichero dist/scripts/app.js que contiene toda la lógica de la aplicación (opcionalmente minificará el resultado).
• lint: Ejecutará el validador eslint en todos los ficheros javascript del directorio src.