Skip to content

Commit

Permalink
feat(gulpfile): add new route
Browse files Browse the repository at this point in the history
  • Loading branch information
@adominguez
adominguez committed Dec 3, 2017
1 parent 5a65ec7 commit 5422268
Showing 1 changed file with 84 additions and 84 deletions.
168 changes: 84 additions & 84 deletions gulpfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,122 +2,122 @@
* Plugins
* ======================================================================================================*/
var gulp = require('gulp'),
sass = require('gulp-sass'),
sourcemaps = require('gulp-sourcemaps'),
autoprefixer = require('gulp-autoprefixer'),
notify = require('gulp-notify'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
browserSync = require('browser-sync').create(),
imagemin = require('gulp-imagemin'),
clean = require('gulp-rimraf'),
bower = require('gulp-bower'),
fs = require('fs'),
replace = require('gulp-replace'),
bower = require('gulp-bower'),
superstatic = require('superstatic');
sass = require('gulp-sass'),
sourcemaps = require('gulp-sourcemaps'),
autoprefixer = require('gulp-autoprefixer'),
notify = require('gulp-notify'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
browserSync = require('browser-sync').create(),
imagemin = require('gulp-imagemin'),
clean = require('gulp-rimraf'),
bower = require('gulp-bower'),
fs = require('fs'),
replace = require('gulp-replace'),
bower = require('gulp-bower'),
superstatic = require('superstatic');



/* ======================================================================================================
* task about styles
* ======================================================================================================*/
* task about styles
* ======================================================================================================*/
gulp.task('styles', function () {
gulp.src("./*.scss")
//.pipe(sourcemaps.init())
.pipe(sass()).on('error', notify.onError(function (error) {
return 'Error al compilar sass.\n Detalles en la consola.\n' + error;
}))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
//.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest("./dist/css"))
.pipe(browserSync.stream());
gulp.src("./*.scss")
//.pipe(sourcemaps.init())
.pipe(sass()).on('error', notify.onError(function (error) {
return 'Error al compilar sass.\n Detalles en la consola.\n' + error;
}))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
//.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest("./dist/css"))
.pipe(browserSync.stream());
});

/* ======================================================================================================
* Task for insert styles in adom-demo-helper-properties-styles.html
* ======================================================================================================*/
* Task for insert styles in adom-demo-helper-properties-styles.html
* ======================================================================================================*/
gulp.task('styles-replace', ['styles'], function () {
return gulp.src('./adom-demo-helper-properties-styles.html')
.pipe(replace(/<style>[^>]*<\/style>/, function (s) {
var style = fs.readFileSync('./dist/css/adom-demo-helper-properties.css', 'utf8');
return '<style>\n' + style + '\n</style>';
}))
.pipe(gulp.dest('./'))
.pipe(browserSync.stream());
return gulp.src('./adom-demo-helper-properties-styles.html')
.pipe(replace(/<style>[^>]*<\/style>/, function (s) {
var style = fs.readFileSync('./dist/css/adom-demo-helper-properties.css', 'utf8');
return '<style>\n' + style + '\n</style>';
}))
.pipe(gulp.dest('./'))
.pipe(browserSync.stream());
});

/* ======================================================================================================
* Task for server component
* ======================================================================================================*/
* Task for server component
* ======================================================================================================*/
gulp.task('serve', ['styles-replace', 'styles', 'watch'], function () {
var mw = [
function (req, res, next) {
if ((req.url.indexOf('/bower_components') !== 0) && (req.url !== '/') && (req.url !== '/demo/index.html') && (req.url !== '/adom-demo-helper-properties.html') && (req.url !== '/adom-demo-helper-properties.js') && (req.url !== '/adom-demo-helper-properties-styles.html')) {
req.url = 'bower_components' + req.url;
}
return superstatic({
config: {
root: 'bower_components',
clean: true
}
})(req, res, next);
},
];
browserSync.init({
injectChanges: true,
files: ['./*.{html, scss}', './demo/index.html', './adom-demo-helper-properties.js', './dist/css/adom-demo-helper-properties.css'],
notify: true,
server: {
baseDir: "./",
directory: false,
middleware: mw
var mw = [
function (req, res, next) {
if ((req.url.indexOf('/bower_components') !== 0) && (req.url !== '/') && (req.url !== '/demo/index.html') && (req.url !== '/test/index.html') && (req.url !== '/test/basic-test.html') && (req.url !== '/adom-demo-helper-properties.html') && (req.url !== '/adom-demo-helper-properties.js') && (req.url !== '/adom-demo-helper-properties-styles.html') && (req.url !== '/bower.json') && (req.url !== '/analysis.json')) {
req.url = 'bower_components' + req.url;
}
});
return superstatic({
config: {
root: 'bower_components',
clean: true
}
})(req, res, next);
},
];
browserSync.init({
injectChanges: true,
files: ['./*.{html, scss}', './demo/index.html', './test/index.html', './test/basic-test.html', './adom-demo-helper-properties.js', './dist/css/adom-demo-helper-properties.css'],
notify: true,
server: {
baseDir: "./",
directory: false,
middleware: mw
}
});
});

/* ======================================================================================================
* watch changes in files adom-demo-helper-properties.scss and adom-demo-helper-properties.html
* ======================================================================================================*/
* watch changes in files adom-demo-helper-properties.scss and adom-demo-helper-properties.html
* ======================================================================================================*/
gulp.task('watch', function () {
gulp.watch('./adom-demo-helper-properties.html', ['styles-replace']); // Vigila cambios en el html
gulp.watch('./dist/css/adom-demo-helper-properties.css', ['styles-replace']); // Vigila cambios en el html
gulp.watch('./*.scss', ['styles']); // Vigila cambios en los estilos
gulp.watch('./adom-demo-helper-properties.html', ['styles-replace']); // Vigila cambios en el html
gulp.watch('./dist/css/adom-demo-helper-properties.css', ['styles-replace']); // Vigila cambios en el html
gulp.watch('./*.scss', ['styles']); // Vigila cambios en los estilos
});

/* ======================================================================================================
* Task for install bower
* ======================================================================================================*/
* Task for install bower
* ======================================================================================================*/
gulp.task('bower', ['bower-remove', 'bower-cache-clean'], function () {
return bower();
return bower();
});

/* ======================================================================================================
* task for remove package bower
* ======================================================================================================*/
* task for remove package bower
* ======================================================================================================*/
gulp.task('bower-remove', function () {
return gulp.src(['./bower_components'], {
read: false
})
.pipe(clean({
force: true
}));
return gulp.src(['./bower_components'], {
read: false
})
.pipe(clean({
force: true
}));
});

/* ======================================================================================================
* Task for clean cache in bower
* ======================================================================================================*/
* Task for clean cache in bower
* ======================================================================================================*/
gulp.task('bower-cache-clean', function () {
return bower({
cmd: 'cache clean'
});
return bower({
cmd: 'cache clean'
});
});


/* ======================================================================================================
* Default Task
* ======================================================================================================*/
* Default Task
* ======================================================================================================*/
gulp.task('default', ['bower', 'styles', 'browser-sync', 'watch']);

0 comments on commit 5422268

Please sign in to comment.