Name: Adalab-web-starter-kit
Owner: Adalab
Description: Base de desarrollo web con node/gulp
Created: 2017-12-21 17:09:35.0
Updated: 2018-02-28 18:58:20.0
Pushed: 2018-05-10 11:19:08.0
Homepage: null
Size: 65
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
Ahoy! Esta es nuestro Starter Kit en node/gulp para este primer contacto con el desarrollo web Incluye SCSS y un web server.
Necesitarás instalar Node.js y Gulp para trabajar con este Starter Kit, luego:
$ npm install
$ gulp
Solo una vez al principio en cada ordenador que utilicemos:
- Instalamos node
- Instalamos el comando de gulp de forma global para poder usarlo desde cualquier carpeta usando
npm install --global gulp-cli
Cada vez que descarguemos o clonemos un repo:
npm install
para instalar los paquetes necesarios para convertir Sass a CSS, minificarlo, etc.Cada vez que estemos trabajando con nuestro código:
- Desde nuestra terminal, ejecutamos el comando
gulp
para que realice la tarea por defecto, que en el caso delgulpfile.js
que tenemos en adalab-web-starter-kit estará pendiente de nuestros archivos Sass, html y JavaScript y los compilará, minificará y/o recargará el servidor cada vez que hagamos un cambio
lp
Lanza un webserver con BrowserSync y varios watchers estarán pendientes de los archivos SCSS/JS/HTML para recargar el navegador cuando se necesite.
lp deploy
Genera los CSS y JS minimizados y sin sourcemaps, listos para subir a producción.
Nuestro gulpfile.js usa un JSON de configuración con las rutas de los archivos a generar/vigilar.
La estructura de carpetas tiene esta pinta:
ss
mages
s
css
- core
- layout
- components
- pages
Viene incluído el paquete gulp-combine-mq que agrupa todas las medaqueries al final del documento css.
En el JSON de configuración especificamos los archivos JS que utilizamos y en el orden que deben procesarse.
Echas de menos que el kit haga algo en concreto? Pidelo sin problema a través de los Issues o si te animas a mejorarlo mándanos un PR :)