ed-boilerplate
v1.0.0
Published
Simple scafolding for statics web projects
Downloads
1
Readme
EDboilerplate
Es una sencilla pero muy poderosa estructura para un proyecto web estático. Los proyectos estáticos son muy utiles pero detrás de su aparente simplicidad hay mucho trabajo tedioso que hacer por detrás: compilar archivos, crear el bundle javascript, recargar automáticamente el navegador con los cambios, etc. Y para cada proyecto hacer lo mismo una vez y otra vez y otra vez. Frustrante.
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
Modo de uso
- Clone este repositorio (aun no tiene instalacion por npm o yeoman)
- Ejecute
npm install
(asegurese de tener npm actualizado y Nodejs en v6 como minimo) - Ejecute
gulp
- Disfrute
Estructura
- La carpeta dev 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.