-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
80 lines (63 loc) · 2.04 KB
/
gulpfile.js
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
var gulp = require('gulp');
var assetsDev = '';
var assetsProd = '';
var appDev = 'typescript/';
var appcss = 'css/';
var appScss = 'scss/';
var apphtml = 'html/';
var appProd = 'app/';
/* Mixed */
var ext_replace = require('gulp-ext-replace');
/* CSS */
var postcss = require('gulp-postcss');
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('autoprefixer');
var precss = require('precss');
var cssnano = require('cssnano');
/* JS & TS */
var jsuglify = require('gulp-uglify');
var typescript = require('gulp-typescript');
/* Images */
var imagemin = require('gulp-imagemin');
var concat = require('gulp-concat');
var tsProject = typescript.createProject('tsconfig.json');
//gulp.task('build-css', function () {
// return gulp.src(appcss + '**/*.css')
// .pipe(gulp.dest(appProd));
//});
gulp.task('build-css', function () {
return gulp.src(appScss + '**/*.scss')
.pipe(sourcemaps.init())
.pipe(postcss([precss, autoprefixer, cssnano]))
.pipe(sourcemaps.write())
.pipe(ext_replace('.css'))
.pipe(gulp.dest(appProd));
});
gulp.task('build-ts', function () {
return gulp.src(appDev + '**/*.ts')
.pipe(sourcemaps.init())
.pipe(typescript(tsProject))
.pipe(sourcemaps.write())
.pipe(jsuglify())
//.pipe(concat('main.js'))
.pipe(gulp.dest(appProd));
});
gulp.task('build-img', function () {
return gulp.src(assetsDev + 'img/**/*')
.pipe(imagemin({
progressive: true
}))
.pipe(gulp.dest(assetsProd + 'img/'));
});
gulp.task('build-html', function () {
return gulp.src(apphtml + '**/*.html')
.pipe(gulp.dest(appProd));
});
gulp.task('watch', function () {
gulp.watch(appDev + '**/*.ts', ['build-ts']);
gulp.watch(appScss + '**/*.scss', ['build-css']);
gulp.watch(apphtml + '**/*.html', ['build-html']);
gulp.watch(assetsDev + 'img/*', ['build-img']);
});
gulp.task('default', ['watch', 'build-ts', 'build-css', 'build-html']);
gulp.task('build', ['build-ts', 'build-css', 'build-html']);