todo-list/gulpfile.js at master · lukechu1997/todo-list · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
const gulp = require('gulp');
const $ = require('gulp-load-plugins')();
const gulpSass = require('gulp-sass');

const paths = {
  src: {
    less  : './src/style/less/*.less',
    css   : './src/style/css/*.css',
    sass  : './src/style/sass/*.scss',
    js    : './src/js/*.js',
    pug   : './src/pug/*.pug',
    images: './src/img/*'
  },
  dist: {
    html  : './dist',
    css   : './dist/style',
    js    : './dist/js',
    images: './dist/img',
    font: './dist/font'
  }
};

gulp.task('pug', () => {
  gulp.src(paths.src.pug)
      .pipe($.pug())
      .pipe(gulp.dest('./dist'));
})

gulp.task('less', () =>  {
  gulp.src(paths.src.less)
      .pipe($.less())
      .pipe(gulp.dest(paths.dist.css))
})
gulp.task('css', () => {
  gulp.src(paths.src.css)
      .pipe(gulp.dest(paths.dist.css))
})

gulp.task('sass',() => {
  gulp.src(paths.src.sass)
    .pipe(gulpSass())
    .pipe(gulp.dest(paths.dist.css))
})

gulp.task('scripts', () =>  {
  gulp.src(paths.src.js)
      // .pipe($.uglify())
      .pipe(gulp.dest(paths.dist.js))
})

gulp.task('images', () =>  {
  gulp.src(paths.src.images)
      .pipe($.imagemin())
      .pipe(gulp.dest(paths.dist.images))
})

gulp.task('webserver', () => {
  gulp
    .src(paths.dist.html)
    .pipe($.webserver({
      port: 8080,
      livereload: true,
      directoryListing: false
    }))
})

gulp.task('watch',() => {
  gulp.watch(paths.src.pug, ['pug'])
  gulp.watch(paths.src.css, ['css'])
  gulp.watch(paths.src.js, ['scripts'])
  gulp.watch(paths.src.less, ['less'])
  gulp.watch(paths.src.sass, ['sass'])
})

gulp.task('default', ['pug', 'less', 'css', 'sass', 'scripts', 'webserver', 'watch'])