intro-to-react/gulpfile.js at master · training4developers/intro-to-react · 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
"use strict";

const
	webpack = require("webpack-stream"),
	gulp = require("gulp"),
	babel = require("gulp-babel"),
	sass = require("gulp-sass");

gulp.task("sass", function() {
	return gulp.src("src/www/css/site.scss")
		.pipe(sass())
		.on("error", function() {
			console.dir(arguments);
		})
		.pipe(gulp.dest("dist/www/css"));
});

gulp.task("babel", function() {

	return gulp.src(["src/www/js/**/*.jsx","src/www/js/**/*.js"])
		.pipe(babel({
			plugins: ["transform-react-jsx"],
			presets: ["es2015", "react"]
		}))
		.on("error", function() {
			console.dir(arguments);
		})
		.pipe(gulp.dest("dist/www/js"));

});

gulp.task("webpack", ["babel"], function() {

	return gulp.src("./dist/www/js/site.js")
		.pipe(webpack({
			output: {
        filename: "site-webpack.js"
    	}
		}))
		.on("error", function() {
			console.dir(arguments);
		})
		.pipe(gulp.dest("./dist/www/js"));

});

gulp.task("copy", function() {

	gulp.src("node_modules/bootstrap/dist/css/**/*")
		.pipe(gulp.dest("dist/www/css"));

	gulp.src("src/www/**/*.html")
		.pipe(gulp.dest("dist/www"));

	gulp.src(["src/**/*","!src/www/**/*"])
		.pipe(gulp.dest("dist"));

});

gulp.task("server", function() {
	require("./index.js");
});

gulp.task("default", ["sass", "webpack", "copy"], function () {

	gulp.watch("src/www/css/site.scss", ["sass"]);
	gulp.watch(["src/www/js/**/*.jsx","src/www/js/**/*.js"], ["webpack"]);
	gulp.watch(["node_modules/bootstrap/dist/css/**/*"], ["copy"]);
	gulp.watch(["src/www/**/*.html"], ["copy"]);
	gulp.watch(["src/**/*","!src/www/**/*"], ["copy"]);

});