fix: issue file is not resolved after start->stop->start in serve/watch mode when used cache filesystem, #114

Author: webdiscus

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change log
 
+## 4.1.2 (2024-10-21)
+
+- fix: issue `file is not resolved` after start->stop->start in serve/watch mode when used cache filesystem, #114
+- chore: update dev packages
+
 ## 4.1.1 (2024-10-17)
 
 - fix: after 2-3 changes of the data file (global or entry), the dependent entry template is not recompiled.

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "html-bundler-webpack-plugin",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "description": "HTML Bundler Plugin for Webpack renders HTML templates containing source files of scripts, styles, images. Supports template engines: Eta, EJS, Handlebars, Nunjucks, Pug, TwigJS. Alternative to html-webpack-plugin.",
   "keywords": [
     "html",
@@ -194,7 +194,7 @@
     "typescript": "5.5.4",
     "vue": "3.5.3",
     "vue-loader": "^17.4.2",
-    "webpack": "^5.94.0",
+    "webpack": "^5.95.0",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "^5.1.0"
   }

package.json

@@ -319,7 +319,7 @@ class AssetCompiler {
         });
       });
 
-      compiler.cache.hooks.shutdown.tap({ name: pluginName, stage: Cache.STAGE_DISK }, () => {
+      compiler.cache.hooks.shutdown.tapAsync({ name: pluginName, stage: Cache.STAGE_DISK }, () => {
         if (!isCached) {
           const cacheData = collectionCache.getData();
 
@@ -1558,6 +1558,7 @@ class AssetCompiler {
    * Called when the compiler is closing or a watching compilation has stopped.
    */
   shutdown() {
+    //console.log('xxxx shutdown: ', {});
     PluginService.shutdown(this.compilation?.compiler);
   }
 }

src/Plugin/AssetCompiler.js

@@ -101,13 +101,13 @@ const verbose = (pluginCompiler) => {
   const pluginContext = PluginService.getPluginContext(pluginCompiler);
 
   const collection = pluginContext.collection;
-  const dependency = PluginService.getLoaderDependency(pluginCompiler);
   const collectionData = collection.getData();
-
+  const dependency = PluginService.getLoaderDependency(pluginCompiler);
   let str = '\n' + black.bgGreen` ${pluginLabel} ` + bg(193).black` Entry processing ` + '\n';
 
   // display loader watch dependencies
-  if (PluginService.isWatchMode(pluginCompiler)) {
+  // TODO: fix verbose of dependency after start/stop in serve/watch mode when used cache filesystem
+  if (dependency && PluginService.isWatchMode(pluginCompiler)) {
     const watchFiles = dependency.getFiles();
 
     if (watchFiles && watchFiles.size > 0) {

src/Plugin/Messages/Info.js

@@ -674,9 +674,9 @@ class Option {
    * @return {Array<string>}
    */
   getRootSourcePaths() {
-    const watchDirs = PluginService.getLoaderOption(this.compiler).getWatchPaths();
+    const loaderOption = PluginService.getLoaderOption(this.compiler);
 
-    return watchDirs || [];
+    return loaderOption ? loaderOption.getWatchPaths() : [];
   }
 
   /**

src/Plugin/Option.js

@@ -261,7 +261,7 @@ class PluginService {
   }
 
   /**
-   * Called when the compiler is closing.
+   * Called after by shutdown and watchClose.
    * Used for tests to reset data after each test case.
    *
    * @param {Compiler|null} compiler
@@ -274,6 +274,11 @@ class PluginService {
 
     const context = this.getContext(compiler);
 
+    if (!context) {
+      // when was already called the context was removed
+      return;
+    }
+
     context.used = false;
     context.loaderCache.clear();
     context.contextCache.clear();

src/Plugin/PluginService.js

@@ -4,7 +4,7 @@
   <title>Test</title>
   <link href="style.47f4da55.css" rel="stylesheet" integrity="sha384-gaDmgJjLpipN1Jmuc98geFnDjVqWn1fixlG0Ab90qFyUIJ4ARXlKBsMGumxTSu7E" crossorigin="anonymous">
   <link href="main.dc4ea4af.chunk.css" rel="stylesheet" integrity="sha384-W/pO0vwqqWBj4lq8nfe+kjrP8Z78smCBttkCvx1SYKrVI4WEdJa6W6i0I2hoc1t7" crossorigin="anonymous">
-<script src="main.a18a82dd.js" defer="defer" integrity="sha384-pYpPI3swJQFidSQef3FdO/6HyTQV2zBV3FQKWV3E3lqzmMr9wkSY39tLRQVzuHXS" crossorigin="anonymous"></script>
+<script src="main.5c313a48.js" defer="defer" integrity="sha384-954/OZQsHglHngcpjSGD4QKjeJfO2JADyQkvIlT8eCmhH2IP/+L7jY1IoczQ8YMe" crossorigin="anonymous"></script>
 </head>
 <body>
   <h1>Hello World!</h1>

test/cases/integrity-hook-done/expected/index.html

@@ -1,5 +1,5 @@
 {
-  "main.a18a82dd.js": "sha384-pYpPI3swJQFidSQef3FdO/6HyTQV2zBV3FQKWV3E3lqzmMr9wkSY39tLRQVzuHXS",
+  "main.5c313a48.js": "sha384-954/OZQsHglHngcpjSGD4QKjeJfO2JADyQkvIlT8eCmhH2IP/+L7jY1IoczQ8YMe",
   "854.b7f83599.chunk.js": "sha384-EUkN79LR81BZzp5wbZFWCuMf4JLRXeq3TrkleGG5sQzIl5ay561WABHAYJdwK5t9",
   "473.f39b5874.chunk.js": "sha384-ne2fquQCfah8p+QoAjjY5bSP/o5+aNx32Ofvb36zdNNaru6tWRcmW2hckHXAt3kB",
   "main.dc4ea4af.chunk.css": "sha384-W/pO0vwqqWBj4lq8nfe+kjrP8Z78smCBttkCvx1SYKrVI4WEdJa6W6i0I2hoc1t7",