umi/gulpfile.js at main · azcion/umi · 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
const { src, dest, watch } = require('gulp');

//#region css
const sass = require('gulp-sass');
sass.compiler = require('sass');
const postcss = require('gulp-postcss');
const concat = require('gulp-concat');
const sourcemaps = require('gulp-sourcemaps');

function css() {
	return src('./src/css/*.scss')
		.pipe(sourcemaps.init())
		.pipe(
			sass.sync({ outputStyle: 'compressed' }).on('error', sass.logError)
		)
		.pipe(postcss([require('precss'), require('autoprefixer')]))
		.pipe(concat('style.min.css'))
		.pipe(sourcemaps.write('./'))
		.pipe(dest('./dist/css/'));
}

exports.css = css;
//#endregion

//#region js
const terser = require('gulp-terser');

function js() {
	return src('./src/js/*.js')
		.pipe(sourcemaps.init())
		.pipe(concat('script.min.js'))
		.pipe(terser())
		.pipe(sourcemaps.write('./'))
		.pipe(dest('./dist/js/'));
}

exports.js = js;
//#endregion

//#region html
const pug = require('gulp-pug-3');
const fs = require('fs');
const data = require('gulp-data');
const prettier = require('gulp-prettier');

function html() {
	return src('./src/pug/views/*.pug')
		.pipe(
			data(function () {
				return JSON.parse(fs.readFileSync('./src/pug/data/lang.json'));
			})
		)
		.pipe(pug())
		.pipe(
			prettier({
				printWidth: 120,
				proseWrap: 'never'
			})
		)
		.pipe(dest('./dist'));
}

exports.html = html;
//#endregion

exports.watch = function () {
	watch('./src/css/*.scss', css);
	watch('./src/pug/**/*.pug', html);
	watch('./src/js/*.js', js);
};