fix: clear webpack cache when env files or headless.config.js changes

10up · Aug 25, 2023 · ebacd84 · ebacd84
1 parent b39ab9a
commit ebacd84
Show file tree

Hide file tree

Showing 3 changed files with 126 additions and 3 deletions.
diff --git a/.changeset/tame-squids-fail.md b/.changeset/tame-squids-fail.md
@@ -0,0 +1,5 @@
+---
+"@headstartwp/next": patch
+---
+
+Fix an annoying bug that would require deleting the .next/cache folder after change headless.config.js or .env files
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/next/src/config/withHeadlessConfig.ts b/packages/next/src/config/withHeadlessConfig.ts
@@ -158,16 +158,29 @@ export function withHeadlessConfig(
 				setHeadstartWPConfig(${JSON.stringify(headlessConfig)});
 			`;
 
+			// clear webpack cache whenever headless.config.js changes or one of the env files
 			if (Array.isArray(config.cache.buildDependencies.config)) {
 				const [nextConfigPath] = config.cache.buildDependencies.config;
 
 				const headlessConfigPath = path.resolve(nextConfigPath, '../headless.config.js');
+				const envLocalPath = path.resolve(nextConfigPath, '../.env.local');
+				const envPath = path.resolve(nextConfigPath, '../.env');
+				const envDevPath = path.resolve(nextConfigPath, '../.env.development');
 
 				if (fs.existsSync(headlessConfigPath)) {
 					config.cache.buildDependencies.config.push(headlessConfigPath);
-					config.cache.buildDependencies.config.push(
-						path.resolve(nextConfigPath, '../.env.local'),
-					);
+				}
+
+				if (fs.existsSync(envLocalPath)) {
+					config.cache.buildDependencies.config.push(envLocalPath);
+				}
+
+				if (fs.existsSync(envPath)) {
+					config.cache.buildDependencies.config.push(envPath);
+				}
+
+				if (fs.existsSync(envDevPath)) {
+					config.cache.buildDependencies.config.push(envDevPath);
 				}
 			}