text: import gulp from 'gulp'
  import gulpif from 'gulp-if'
  import gutil from 'gulp-util'
  import sourcemaps from 'gulp-sourcemaps'
  import less from 'gulp-less'
  import sass from 'gulp-sass'
  import cleanCSS from 'gulp-clean-css'
  import livereload from 'gulp-livereload'
  import args from './lib/args.js'
  
  gulp.task('styles:css', function () {
    return gulp.src('app/styles/*.css')
      .pipe(gulpif(args.sourcemaps, sourcemaps.init()))
      .pipe(gulpif(args.production, cleanCSS()))
      .pipe(gulpif(args.sourcemaps, sourcemaps.write()))
      .pipe(gulp.dest(`dist/${args.vendor}/styles`))
      .pipe(gulpif(args.watch, livereload()))
  })
  
  gulp.task('styles:less', function () {
    return gulp.src('app/styles/*.less')
      .pipe(gulpif(args.sourcemaps, sourcemaps.init()))
      .pipe(less({ paths: ['./app'] }).on('error', function (error) {
        gutil.log(gutil.colors.red('Error (' + error.plugin + '): ' + error.message))
        this.emit('end')
      }))
      .pipe(gulpif(args.production, cleanCSS()))
      .pipe(gulpif(args.sourcemaps, sourcemaps.write()))
      .pipe(gulp.dest(`dist/${args.vendor}/styles`))
      .pipe(gulpif(args.watch, livereload()))
  })
  
  gulp.task('styles:sass', function () {
    return gulp.src('app/styles/*.scss')
      .pipe(gulpif(args.sourcemaps, sourcemaps.init()))
      .pipe(sass({ includePaths: ['./app'] }).on('error', function (error) {
        gutil.log(gutil.colors.red('Error (' + error.plugin + '): ' + error.message))
        this.emit('end')
      }))
      .pipe(gulpif(args.production, cleanCSS()))
      .pipe(gulpif(args.sourcemaps, sourcemaps.write()))
      .pipe(gulp.dest(`dist/${args.vendor}/styles`))
      .pipe(gulpif(args.watch, livereload()))
  })
  
  gulp.task('styles', gulp.parallel(
    'styles:css',
    'styles:less',
    'styles:sass'
  ))
  