Added new command to start script to update images without rebuilding the entire website 🚀

Author: chicio

_scripts/start.sh

@@ -3,6 +3,9 @@
 # Clean previous build
 rm -Rf _site/
 
+# Copy images, to eventually add new ones for new posts
+npm run images
+
 # Run pages-gem with bundler.
 # Add the parameter
 # --host=0.0.0.0

gulpfile.babel.js

@@ -79,14 +79,6 @@ const copyFiles = (folder) => {
 }
 const fonts = () => copyFiles('fonts')
 const models = () => copyFiles('models')
-export const images = () => {
-  const destination = 'assets/images'
-  return gulp
-    .src([`_images/**/*.*`])
-    .pipe(gulpChanged(destination))
-    .pipe(production(gulpImagemin()))
-    .pipe(gulp.dest(destination))
-}    
 
 const criticalCss = (src, dest, css) => (
   critical.generate({
@@ -175,6 +167,15 @@ const serviceWorkerUrls = (done) => Promise.all([
 
 const jekyllBuild = (done) => exec(`./_scripts/build.sh`, (err, stdout, stderr) => done())
 
+export const images = () => {
+  const destination = 'assets/images'
+  return gulp
+    .src([`_images/**/*.*`])
+    .pipe(gulpChanged(destination))
+    .pipe(production(gulpImagemin()))
+    .pipe(gulp.dest(destination))
+}    
+
 export const watchCss = () => gulp.watch(`${CSS_FOLDER}/*.scss`, gulp.series(
   bundleCss,
   jekyllBuild, //First build for critical/purge css

package.json

@@ -9,6 +9,7 @@
     "build": "gulp build --env production",
     "debug": "gulp build --env development",
     "watch-css": "gulp watchCss --env production",
+    "images": "gulp images --env production",
     "start": "_scripts/start.sh",
     "test": "_scripts/test.sh",
     "version": "_scripts/version.sh",