text: const gulp = require('gulp');
  const browserSync = require('browser-sync').create();
  const sass = require('gulp-sass');
  const autoprefixer = require('gulp-autoprefixer');
  const sourcemaps = require('gulp-sourcemaps');
  const rename = require('gulp-rename');
  
  gulp.task('serve', function() {
      browserSync.init({
          server: './',
          port:3006
      });
      gulp.watch('./src/scss/**/*.scss', ['sass']);
      gulp.watch('./**/*.html').on('change', browserSync.reload);
  });
  
  gulp.task('sass', function() {
      return gulp.src('src/scss/ui.scss')
      .pipe(sourcemaps.init())
      .pipe(sass({
          outputStyle: 'compressed'
      }).on('error', sass.logError))
      .pipe(autoprefixer({
          browsers: [
              'Last 2 Chrome versions',
              'Last 2 Edge versions',
              'Last 2 Firefox versions',
              'Last 2 Safari versions',
              'Last 3 iOS versions',
              'IE 11'
          ],
          cascade: false
      }))
      .pipe(rename({
          suffix:''
      }))
      .pipe(sourcemaps.write('.'))
      .pipe(gulp.dest('../app/public'))
      .pipe(browserSync.stream());
  });
  
  gulp.task('default', ['serve', 'sass']);
  