gulpfile.js

var gulp = require('gulp');
var inlinesource = require('gulp-inline-source');
var sass = require('gulp-sass');
var order = require('gulp-order');
var concat = require('gulp-concat');
var autoprefixer = require('gulp-autoprefixer');
var babel = require('gulp-babel');
var eslint = require('gulp-eslint');
var removeUseStrict = require("gulp-remove-use-strict");
var watch = require('gulp-watch');
var stripBom = require('gulp-stripbom');
var copy = require('gulp-copy');
var inline_base64 = require('gulp-inline-base64');
var argv = require('yargs').argv;
var gulpif = require('gulp-if');

gulp.task('default', ['build']);
gulp.task('watch', ['build'], function () {
   gulp.watch('./src/**', ['build']);
});

gulp.task('build', ['sass', 'scripts', 'html', 'assets'], function() {
    return gulp.src(argv.publish ? './build/index.html' : './build/**')
        .pipe(gulpif(argv.publish, inlinesource({
            attribute: ""
        })))
        .pipe(argv.publish ? gulp.dest('./output') : gulp.dest('./dist'));
});

gulp.task('production', ['sass', 'scripts', 'html', 'assets'], function() {

});

gulp.task('html', function () {
    return gulp.src('./src/html/index.html')
        .pipe(gulp.dest('./build'));
});

gulp.task('sass', function () {
    return gulp.src('src/scss/**/*.scss', {base: '.'})
    .pipe(order([
        'src/scss/reset.scss',
    ]))
    .pipe(sass().on('error', sass.logError))
    .pipe(stripBom({
        showLog: false,
    }))
    .pipe(autoprefixer({
        browsers: [
            // Desktop browsers
            'Explorer >= 10', // IE
            'Safari >= 6',
            'Chrome >= 40',
            'Firefox >= 35',
            'Opera >= 27',

            // Mobile browsers
            'iOS >= 8',
            'ChromeAndroid >= 40',
            'last 2 Android versions', // Android webView
        ],
        cascade: false
    }))
    .pipe(gulpif(argv.publish, inline_base64({
        baseDir: "src",
        maxSize: 1024 * 1024, // 1MB
        debug: true
    })))
    .pipe(concat('style.css'))
    .pipe(gulp.dest('./build/'));
});


gulp.task('scripts', function() {
  return gulp.src(['src/javascript/**/*.js', 'stile/stileInterface.js'], {base: '.'})
    .pipe(order([
        'stile/stileInterface.js',
        '!src/javascript/main.js',
        'src/javascript/main.js',
    ]))
    .pipe(eslint({
        'extends':'eslint:recommended',
        envs: [
            'browser'
        ]
    }))
    .pipe(eslint.format())
    .pipe(eslint.failAfterError())
    .pipe(babel({
        presets: ['es2015']
    }))
    .pipe(removeUseStrict({
        force: true
    }))
    .pipe(concat('app.js'))
    .pipe(gulp.dest('./build/'));
});

gulp.task('assets', function(){
    return gulp.src("src/assets/**", {base: '.'})
        .pipe(copy('./build/', {prefix: 1}));
})