Added uglified js.

Project Setup Readme.md

@@ -26,4 +26,4 @@ Run `npm run build` to compile the SCSS, JS and copy the HTML into the build dir
 
 ### Serve
 
-Run `npm start` to compile the SCSS< JS and copy the HTML into the build directory. This will automatically start a dev server and should open it up in the browser. The dev server uses `0.0.0.0` which can be access locally through `localhost` and the automatically selected port (i.e. `localhost:3000`). It can also be accessed through the IP of your current machine and the port from any other machine in your local network (i.e. `192.168.86.111:3000`).
+Run `npm start` to compile the SCSS JS and copy the HTML into the build directory. This will automatically start a dev server and should open it up in the browser. The dev server uses `0.0.0.0` which can be access locally through `localhost` and the automatically selected port (i.e. `localhost:3000`). It can also be accessed through the IP of your current machine and the port from any other machine in your local network (i.e. `192.168.86.111:3000`).

gulpfile.js

@@ -5,6 +5,7 @@ const autoprefixer = require('autoprefixer');
 const cssnano = require('cssnano');
 const browserSync = require('browser-sync').create();
 const babel = require('gulp-babel');
+const uglify = require('gulp-uglify');
 
 sass.compiler = require('node-sass');
 
@@ -66,9 +67,23 @@ function buildSCSS() {
     .pipe(gulp.dest('./build/css'));
 }
 
+function buildJS() {
+  postCssPlugins.push(cssnano());
+  return gulp
+    .src('./src/js/index.js')
+    .pipe(
+      babel({
+        presets: ['@babel/env'],
+      }),
+    )
+    .pipe(uglify())
+    .pipe(gulp.dest('./build/js'))
+    .pipe(browserSync.stream());
+}
+
 gulp.task(
   'watch',
   gulp.series(compileSCSS, compileJS, copyHTML, gulp.parallel(watchSCSS, watchJS, watchHTML, runBrowserSync)),
 );
-gulp.task('build', gulp.parallel(copyHTML, buildSCSS, compileJS));
-gulp.task('start', gulp.series(copyHTML, gulp.parallel(buildSCSS, compileJS, runBrowserSync)));
+gulp.task('build', gulp.parallel(copyHTML, buildSCSS, buildJS));
+gulp.task('start', gulp.series(copyHTML, gulp.parallel(buildSCSS, buildJS, runBrowserSync)));

package.json

@@ -32,6 +32,7 @@
     "gulp-babel": "^8.0.0",
     "gulp-postcss": "^8.0.0",
     "gulp-sass": "^4.1.0",
+    "gulp-uglify": "^3.0.2",
     "node-sass": "^4.14.1",
     "prettier": "^2.1.1",
     "stylelint": "^13.7.1",