mirror of
https://github.com/arsenetar/arsenetar.github.io.git
synced 2025-09-11 21:28:16 +00:00
Andrew Senetar
03dc1a7a11
Update the site style and layout, to a more optimized and simple setup. This new layout uses less css and js and should provide a better UX. Still need to clean up a few things but ready for release.
91 lines
2.2 KiB
JavaScript
91 lines
2.2 KiB
JavaScript
// Requires
|
|
var gulp = require('gulp');
|
|
var del = require('del');
|
|
var runSequence = require('run-sequence');
|
|
var postcss = require('gulp-postcss');
|
|
var processors = [
|
|
require('postcss-import'),
|
|
require('postcss-mixins'),
|
|
require('postcss-nested'),
|
|
function(css) { /* Function to change some .pure classes to base elements */
|
|
css.eachRule(function (rule){
|
|
rule.selector = rule.selector.replace(/\.pure-table(\s+|-striped|$)/g,'table ');
|
|
rule.selector = rule.selector.replace(/\.pure-img/,'img');
|
|
});
|
|
},
|
|
require('cssnext')({
|
|
browsers: ['last 1 version', '> 5%'],
|
|
import: false,
|
|
compress: true
|
|
}),
|
|
require('csswring')({
|
|
removeAllComments: true
|
|
})
|
|
];
|
|
|
|
var sourcemaps = require('gulp-sourcemaps');
|
|
var concat = require('gulp-concat');
|
|
var uglify = require('gulp-uglify');
|
|
|
|
// Configuration
|
|
var config = {
|
|
'cssDir': 'css',
|
|
'jsDir': 'js',
|
|
'distDir': 'dist',
|
|
'sourcemaps': true
|
|
};
|
|
|
|
gulp.task('dist', function(callback) {
|
|
config.sourcemaps = false;
|
|
return runSequence('clean',
|
|
['css', 'js'],
|
|
callback);
|
|
});
|
|
|
|
gulp.task('default', function(callback) {
|
|
|
|
return runSequence('clean',
|
|
['css', 'js'],
|
|
callback);
|
|
});
|
|
|
|
gulp.task('clean', function() {
|
|
del([config.distDir+'/**/*']);
|
|
});
|
|
|
|
gulp.task('css', function() {
|
|
if(config.sourcemaps) {
|
|
return gulp.src([config.cssDir+'/app.css'])
|
|
.pipe(sourcemaps.init())
|
|
.pipe(postcss(processors))
|
|
.on('error', function (error) {
|
|
console.log(error);
|
|
})
|
|
.pipe(sourcemaps.write('./'))
|
|
.pipe(gulp.dest(config.distDir));
|
|
} else {
|
|
return gulp.src([config.cssDir+'/app.css'])
|
|
.pipe(postcss(processors))
|
|
.on('error', function (error) {
|
|
console.log(error);
|
|
})
|
|
.pipe(gulp.dest(config.distDir));
|
|
}
|
|
});
|
|
|
|
gulp.task('js', function() {
|
|
if(config.sourcemaps) {
|
|
return gulp.src([config.jsDir+'/*.js'])
|
|
.pipe(concat('app.js'))
|
|
.pipe(sourcemaps.init())
|
|
.pipe(uglify({mangle: false}))
|
|
.pipe(sourcemaps.write('./'))
|
|
.pipe(gulp.dest(config.distDir));
|
|
} else {
|
|
return gulp.src([config.jsDir+'/*.js'])
|
|
.pipe(concat('app.js'))
|
|
.pipe(uglify({mangle: false}))
|
|
.pipe(gulp.dest(config.distDir));
|
|
}
|
|
});
|