@roosterauror/animate-ludosoft
v1.0.0
Published
Simple scafolding for statics web projects
Downloads
2
Readme
EDboilerplate
Es una sencilla estructura para un proyecto web estático.
Características de EDboilerplate:
- Usa gulp para automatizar tareas
- Esta basado en Sass, Pug y ES6.
- Compila Sass con autoprefixer y muestra los cambios en tiempo real
- Compila Pug y actualiza el navegador con cada cambio
- Compila ES6 con soporte para módulos ES6 (importar y exportar modulos)
- Detecta nuevos archivos añadidos al proyecto sin tener que reiniciar gulp
- Captura errores en Sass, Pug y Js evitando que gulp se detenga.
- Crea los sourcemaps de los archivos compilados
- Tiene una estructura lista de estilos (con Sass) basada en SMACSS y ITCSS
- Tiene una estructura lista para HTML (con Pug) que divide páginas e includes.
- Tiene una estructura lista para importar y exportar modulos ES6
- Optimiza y comprime imágenes
Modo de uso
- Cree un fork de este repositorio y clonelo en local (o descargue este repositorio por zip).
- Ejecute en terminal
npm install -g gulp-cli
- Ejecute
npm install
(asegurese de tener npm actualizado y Nodejs en v6 como minimo) - Ejecute
gulp dev
para trabajar e desarrollo - Ejecute
gulp build
para compilar sus archivos para produccion - Disfrute
Estructura
- La carpeta src contiene la estructura de archivos con la que trabajará
- La carpeta public contiene los archivos compilados que deberan llevarse a producción
- Para Sass importe sus partials desde
styles.scss
, el orden está indicado en el mismo archivo - Para Pug, la carpeta
pages
contiene las paginas del proyecto y la carpetaincludes
los bloques. - Para Js, la carpeta
modules
contiene los módulos que serán importados desdeindex.js
Siéntase libre de usarlo y de reportar cualquier problema que encuentre o sugerencia que tenga. EDboilerplate es gratis, open source y de la comunidad para la comunidad.