Fix ESM import error in gulpfile for del package

Dale Kunce · Dale Kunce · commit 5c30e8a59a8d · 2025-10-03T15:52:07.000-04:00
- del package is now ESM-only and requires dynamic imports in CommonJS files
diff --git a/gulpfile.cjs b/gulpfile.cjs
@@ -2,7 +2,6 @@ const gulp = require('gulp');
 
 const autoprefixer = require('gulp-autoprefixer');
 const browserSync = require('browser-sync');
-const { deleteAsync } = require('del');
 const concat = require('gulp-concat');
 const cp = require('child_process');
 const fs = require('fs');
@@ -36,7 +35,8 @@ async function grabEvents () {
   }
 }
 
-function clean () {
+async function clean () {
+  const { deleteAsync } = await import('del');
   return deleteAsync(['_site', '.tmp', 'app/_data/events', 'app/_posts']);
 }
 exports.clean = clean;

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,6 @@ const gulp = require('gulp');`
`2`	`2`
`3`	`3`	`const autoprefixer = require('gulp-autoprefixer');`
`4`	`4`	`const browserSync = require('browser-sync');`
`5`		`-const { deleteAsync } = require('del');`
`6`	`5`	`const concat = require('gulp-concat');`
`7`	`6`	`const cp = require('child_process');`
`8`	`7`	`const fs = require('fs');`
`@@ -36,7 +35,8 @@ async function grabEvents () {`
`36`	`35`	`}`
`37`	`36`	`}`
`38`	`37`
`39`		`-function clean () {`
	`38`	`+async function clean () {`
	`39`	`+ const { deleteAsync } = await import('del');`
`40`	`40`	`return deleteAsync(['_site', '.tmp', 'app/_data/events', 'app/_posts']);`
`41`	`41`	`}`
`42`	`42`	`exports.clean = clean;`