pinput/gulpfile.js at master · christophersu/pinput · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
const gulp = require('gulp');

gulp.task('html', () => {
  const htmlmin = require('gulp-htmlmin');

  return gulp.src(['src/html/*.html'])
    .pipe(htmlmin({
      removeComments: true,
      collapseWhitespace: true
    }))
    .pipe(gulp.dest('dist/html/'));
});

gulp.task('css', () => {
  const cssnano = require('gulp-cssnano');

  return gulp.src(['src/css/lib/jquery-ui.custom.css'])
    .pipe(cssnano())
    .pipe(gulp.dest('dist/css/lib/'));
});

gulp.task('js', () => {
  const browserify = require("browserify");
  const babelify   = require("babelify");
  const source     = require('vinyl-source-stream');
  const buffer     = require('vinyl-buffer');
  const uglify     = require("gulp-uglify");

  browserify({
    entries: ['src/js/background.js'],
    extensions: ['.js']
  }).transform(babelify.configure({
    presets: ['es2015']
  })).bundle()
    .pipe(source('background.js'))
    .pipe(buffer())
    .pipe(uglify())
    .pipe(gulp.dest('dist/js/'));

  browserify({
    entries: ['src/js/options.js'],
    extensions: ['.js']
  }).transform(babelify.configure({
    presets: ['es2015']
  })).bundle()
    .pipe(source('options.js'))
    .pipe(buffer())
    .pipe(uglify())
    .pipe(gulp.dest('dist/js/'));

  browserify({
    entries: ['src/js/popup.js'],
    extensions: ['.js']
  }).transform(babelify.configure({
    presets: ['es2015']
  })).bundle()
    .pipe(source('popup.js'))
    .pipe(buffer())
    .pipe(uglify())
    .pipe(gulp.dest('dist/js/'));
});

gulp.task('copy', () => {
  gulp.src([
    'bower_components/bootstrap/dist/fonts/*'
  ]).pipe(gulp.dest('src/fonts'))
    .pipe(gulp.dest('dist/fonts'));

  gulp.src([
    'bower_components/bootstrap/dist/css/bootstrap.min.css'
  ]).pipe(gulp.dest('src/css/lib'))
    .pipe(gulp.dest('dist/css/lib'));

  gulp.src([
    'bower_components/jquery/dist/jquery.min.js',
    'bower_components/bootstrap/dist/js/bootstrap.min.js'
  ]).pipe(gulp.dest('src/js/lib'))
    .pipe(gulp.dest('dist/js/lib'));

  gulp.src([
    'src/js/lib/jquery-ui.custom.min.js'
  ]).pipe(gulp.dest('dist/js/lib'));

  gulp.src([
    'src/icons/*.png'
  ]).pipe(gulp.dest('dist/icons'));

  gulp.src([
    'src/manifest.json'
  ]).pipe(gulp.dest('dist'));
});

gulp.task('build', () => {
  gulp.start('html', 'css', 'js', 'copy');
});

gulp.task('test', () => {
  const eslint = require('gulp-eslint');

  return gulp.src(['src/js/*.js'])
    .pipe(eslint({
      useEslintrc: true
    }))
    .pipe(eslint.format())
    .pipe(eslint.failAfterError());
});

gulp.task('watch', () => {
  gulp.watch(['src/html/*.html'], () => {
    gulp.start('html');
  });

  gulp.watch(['src/js/*.js'], () => {
    gulp.start('test', 'js');
  });
});