fix: the pathData.chunk.name is undefined when the js.filename is a function

Author: webdiscus

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change log
 
+## 3.4.6 (2024-01-02)
+
+fix: the `pathData.chunk.name` is undefined when the `js.filename` is a function, this bug was introduced in `3.4.5`
+
 ## 3.4.5 (2024-01-01)
 
 fix: the `pathData.filename` is undefined after changes when the `js.filename` is a function

package.json

@@ -1,6 +1,6 @@
 {
   "name": "html-bundler-webpack-plugin",
-  "version": "3.4.5",
+  "version": "3.4.6",
   "description": "HTML bundler plugin for webpack handles a template as an entry point, extracts CSS and JS from their sources referenced in HTML, supports template engines like Eta, EJS, Handlebars, Nunjucks.",
   "keywords": [
     "html",

src/Plugin/AssetEntry.js

@@ -620,7 +620,7 @@ class AssetEntry {
    * @private
    */
   static #add(entry, assetEntryOptions) {
-    const { name, filenameTemplate, outputPath } = assetEntryOptions;
+    const { name, originalName, filenameTemplate, outputPath } = assetEntryOptions;
 
     if (path.isAbsolute(outputPath)) {
       assetEntryOptions.publicPath = path.relative(Option.getWebpackOutputPath(), outputPath);
@@ -636,8 +636,10 @@ class AssetEntry {
         // clone the pathData object to modify the chunk object w/o side effects in the main compilation
         const pathDataCloned = { ...pathData };
         pathDataCloned.chunk = { ...pathDataCloned.chunk };
-        pathDataCloned.chunk.name = assetEntryOptions.originalName;
-        pathDataCloned.chunk.runtime = assetEntryOptions.originalName;
+        if (originalName) {
+          pathDataCloned.chunk.name = originalName;
+          pathDataCloned.chunk.runtime = originalName;
+        }
 
         // the `filename` property of the `PathData` type should be a source file, but in entry this property not exists
         if (pathDataCloned.filename == null) {

test/manual/watch-entry-dir/src/views/main.js

@@ -1 +1 @@
-console.log('>> home 12345678');
+console.log('>> home');

test/manual/watch-entry-dir/webpack.config.js

@@ -22,6 +22,7 @@ module.exports = {
         filename: (pathData) => {
           console.log('-- JS.filename: ', {
             filename: pathData.filename,
+            pathData,
           });
 
           return 'js/[name].[contenthash:8].js';
@@ -33,6 +34,7 @@ module.exports = {
         filename: (pathData) => {
           console.log('-- CSS.filename: ', {
             filename: pathData.filename,
+            pathData,
           });
 
           return 'css/[name].[contenthash:8].css';