dgines-boilerplate v1.1.3

BoilerPlate

Libreria para instalar todas las librerias necesarias.

Getting Started

Boilerplate

Prerequisites

pacakage.json

gulpfile.js

Estructura de carpetas

Folder structure options and naming conventions for software projects.

Hay que crear esta estructura de carpetas y archivos siempre.

├──
assets.
│   ├── dist                    # Compiled files (alternatively `build`)
│   ├── cmp                     # Automated tests (alternatively `spec` or `tests`)
│   ├── src                     # Source files (alternatively `lib` or `app`)
│   │   ├── js                  # Archivos ES6
│   │   └── sass                # Archivos scss
│   ├── tools                   # Tools and utilities
│   └── vendor                  # Librerias
├── LICENSE
└── README.md

Installing

Ejemplo de un archivo gulpfile.js de un proyecto.

/*------------------------------------*\
  #CONFIG GULP
\*------------------------------------*/

var boiler = require('dgines-boilerplate');

boiler.configFile.project.styles = 'SASS';
boiler.configFile.project.scripts = 'ES6';

boiler.configFile.paths.sass.src = "./assets/src/sass/app.scss";
boiler.configFile.paths.sass.cmp = "./assets/cmp/";
boiler.configFile.paths.sass.dst = "./assets/dist/css/";
boiler.configFile.paths.sass.watch = "./assets/src/sass/";

boiler.configFile.paths.es6.src = "./assets/src/js/";
boiler.configFile.paths.es6.cmp = "./assets/cmp/";
boiler.configFile.paths.es6.dst = "./assets/dist/js/";
boiler.configFile.paths.es6.watch = "./assets/src/js/";

boiler.configFile.dependencies.copy.dst = './assets/vendor/';

boiler.configFile.dependencies.copy.src = [
    './node_modules/jquery/',
];

boiler.configFile.dependencies.css = [

];

boiler.configFile.dependencies.js = [
    './assets/vendor/requirejs/require.js',
];

boiler.init();

/*------------------------------------*\
  #TASKS
  ------------------------------------

  gulp build:styles
  gulp build:styles --prod

  gulp build:scripts
  gulp build:scripts --prod

  gulp build
  gulp build --prod

  gulp watch
  gulp watch --prod

  gulp deploy

\*------------------------------------*/

var gulp = require('gulp');

gulp.task('build:styles', gulp.series('ardiran:styles:build'));

gulp.task('build:scripts', gulp.series('ardiran:scripts:build'));

gulp.task('build', gulp.series('ardiran:build'));

gulp.task('watch', gulp.series('ardiran:watch'));

gulp.task('deploy', gulp.series('ardiran:deploy'));

Ejemplo de un archivo package.json

{
  "name": "pruebaboiler",
  "version": "1.0.0",
  "description": "Gulp tasks.",
  "main": "gulpfile.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "dgines",
  "license": "GPL-2.0",
  "devDependencies": {
    "dgines-boilerplate": "^1.1.2",
    "gulp": "^4.0.0"
  },
  "dependencies": {
    "jquery": "^3.3.1",
    "jquery-migrate": "^3.0.1",
    "requirejs": "^2.3.6"
  }
}

And coding style

Programar siempre en inglés.

Deployment

COMANDOS

npm install

gulp deploy

gulp build

Built With

• Maven - Dependency Management

Authors

• David Ginés - Initial work - PurpleBooth

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details