Use gulp default (series)

nikonst · nikonst · commit 4066446fd163 · 2020-12-28T12:44:09.000+02:00
diff --git a/gulp-example/dist/data/data.json b/gulp-example/dist/data/data.json
@@ -0,0 +1,50 @@
+[
+	{
+		"id": "16980613 6066",
+		"name": "Erich",
+		"sirname": "Good",
+		"email": "magnis.dis.parturient@lacus.edu"
+	},
+	{
+		"id": "16230507 1231",
+		"name": "Kylynn",
+		"sirname": "Petty",
+		"email": "iaculis.quis.pede@felis.co.uk"
+	},
+	{
+		"id": "16710620 4006",
+		"name": "Veronica",
+		"sirname": "Ramsey",
+		"email": "tellus.faucibus.leo@molestie.edu"
+	},
+	{
+		"id": "16330930 1566",
+		"name": "Tasha",
+		"sirname": "Cervantes",
+		"email": "posuere@SuspendissesagittisNullam.ca"
+	},
+	{
+		"id": "16010307 8473",
+		"name": "Damian",
+		"sirname": "Downs",
+		"email": "amet.risus.Donec@lectus.co.uk"
+	},
+	{
+		"id": "16131017 5219",
+		"name": "Phyllis",
+		"sirname": "Macias",
+		"email": "Cras.vulputate@ante.org"
+	},
+	{
+		"id": "16321122 2496",
+		"name": "Dahlia",
+		"sirname": "Barry",
+		"email": "erat.semper.rutrum@Loremipsumdolor.co.uk"
+	},
+	{
+		"id": "16501126 1855",
+		"name": "Talon",
+		"sirname": "Mcgowan",
+		"email": "posuere.enim@consectetuer.org"
+    }
+]
diff --git a/gulp-example/dist/index.html b/gulp-example/dist/index.html
@@ -17,7 +17,7 @@ <h1>A Gulp Example Page</h1>
     <img src="imgs/gulp.png" />
     <h3>Data</h3>
     <p id="dataTable"></p>
-    <script src = "js/loadData.js"></script>
+    <script src = "js/loadData-min.js"></script>
 </body>
 
 </html>
diff --git a/gulp-example/gulpfile.js b/gulp-example/gulpfile.js
@@ -3,29 +3,39 @@ const imagemin = require('gulp-imagemin')
 const minify = require('gulp-minify');
 const cleanCSS = require('gulp-clean-css');
 
+//Copy data file
+gulp.task("copyData", async () => {
+    gulp.src('src/data/*.json')
+        .pipe(gulp.dest('dist/data'))
+})
+
 //Copy HTML files
 gulp.task("copyHTML", async () => {
     gulp.src('src/*.html')
-    .pipe(gulp.dest('dist'))
+        .pipe(gulp.dest('dist'))
 })
 
 //Optimize images
 gulp.task("imageMin", async () => {
     gulp.src("src/imgs/*.png")
-    .pipe(imagemin())
-    .pipe(gulp.dest('dist/imgs'))
+        .pipe(imagemin())
+        .pipe(gulp.dest('dist/imgs'))
 })
 
 //Minify js
 gulp.task("minifyJS", async () => {
     gulp.src("src/js/*.js")
-    .pipe(minify())
-    .pipe(gulp.dest('dist/js'))
+        .pipe(minify())
+        .pipe(gulp.dest('dist/js'))
 })
 
 //Minify css
 gulp.task("minifyCSS", async () => {
     gulp.src("src/css/*.css")
-    .pipe(cleanCSS())
-    .pipe(gulp.dest('dist/css'))
+        .pipe(cleanCSS())
+        .pipe(gulp.dest('dist/css'))
 })
+
+//Run all tasks
+gulp.task('default', gulp.series('copyData', 'copyHTML', 'imageMin', 'minifyJS', 'minifyCSS'))
+
diff --git a/gulp-example/src/index.html b/gulp-example/src/index.html
@@ -17,7 +17,7 @@ <h1>A Gulp Example Page</h1>
     <img src="imgs/gulp.png" />
     <h3>Data</h3>
     <p id="dataTable"></p>
-    <script src = "js/loadData.js"></script>
+    <script src = "js/loadData-min.js"></script>
 </body>
 
 </html>
