--+
Boler plata para proyectos vtex basado en webpack con gestor de modulos es6, y soporte para sass
- Usa webpack
- Esta basado en Sass y ES6.
- Compila Sass con autoprefixer y muestra los cambios en tiempo real
- Compila ES6 con soporte para módulos ES6 (importar y exportar modulos)
- Captura errores en Sass, 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 importar y exportar modulos ES6
- Clone este repositorio
- Ejecute el comando npm install webpack webpack-cli -G
- Ejecute
npm install
(asegurese de tener npm actualizado y Nodejs en v6 como minimo) - Para ejecutar el modo desarrollo ejecute npm start
- una vez terminado y quiera publicar ejecute npm run build para que se produscan los archivos de desarrollo
- 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 - Tiene incluido fundation como dependecia, en
styles.scss
se esta llamando solamente el xgrid y los estilos basicos del framework, para hablitarlos vaya a la carpeta scss/framework/_fundation.scss y descomente cada modulo del framework que quiera importar. - Para Js, la carpeta
modules
contiene los módulos que serán importados desdeindex.js