Scripts: Filename changes to main.js when ouput-path parameter is added

[Soean]

Description

Related to webpack v5 migration: #33818.

If I add a output-path, the build files are renamed to main.js and main.asset.php. Without the parameter, the filename doesn't change.

Step-by-step reproduction instructions

wp-scripts build --entry ./src/index.js --output-path=custom

Environment info

• WP Scripts 18

[gziolo]

There is a similar issue reported related to how entry points are handled with webpack 5: #34236.

It looks like the following doesn't work anymore with the latest major version of @wordpress/scripts:

npx wp-scripts build ./src/frontend/index.js

[walbo]

The default entry name in webpack is main, and in the config filename is set to [name].js. You can overwrite the filename config by adding --output-filename.

wp-scripts build --entry ./src/index.js --output-path=custom --output-filename=index.js

[gziolo]

@walbo thank you for sharing the example. It partially works with the default webpack config, in the context of blocks:

While it applies changes to the output folder and the JavaScript filename, it doesn't get propagated to CSS chunks.

See my related comment for more details: #34264 (comment).

[gziolo]

It looks like #34264 will fix this issue.

[gziolo]

There is @wordpress/scripts v18.0.1 available with the fix.