fix(webpack): use compact name for concatenated modules

[pi0]

Update: Additional patch: 2302ffa

Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

With #7463 we use [name] for chunknames for easier debugging of production assets but it introduced two new issues:

• pages/_.vue causing to make structures like pages/.[hash].js (fix(webpack): chunk name normalization for catch-all pages and windows #7603)
  • Fix Dynamic routing broken with AWS API Gateway #7625 and fix(webpack): chunk name normalization for catch-all pages and windows #7603 (comment)
  • Fixed by setting automaticNameDelimiter to default (~) instead of .
• The strange directory structure for concatenated module chunks (feat: improve production debugging dx #7463 (comment))
  • Using better names like commons/product.id~index~about.[hash].js
• Use .modern.js instead of modern- prefix to co-locate chunks

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly. (PR: #)
• I have added tests to cover my changes (if not applicable, please state why)
• All new and existing tests are passing.

[codecov-commenter]

Codecov Report

Merging #7639 into dev will decrease coverage by 0.01%.
The diff coverage is 69.23%.

@@            Coverage Diff             @@
##              dev    #7639      +/-   ##
==========================================
- Coverage   70.28%   70.27%   -0.02%     
==========================================
  Files          88       88              
  Lines        3749     3751       +2     
  Branches     1019     1019              
==========================================
+ Hits         2635     2636       +1     
- Misses        906      907       +1     
  Partials      208      208              

Flag	Coverage Δ
#unittests	70.27% <69.23%> (-0.02%)	⬇️

Impacted Files	Coverage Δ
packages/webpack/src/config/client.js	66.66% <60.00%> (-0.44%)	⬇️
packages/config/src/config/build.js	100.00% <100.00%> (ø)
packages/utils/src/resolve.js	98.11% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 6b06ab2...66272d3. Read the comment docs.

[pi0]

Merging to test on edge

[JBustin]

Hello @pi0 after upgrading to nuxt 2.13, I experiment this bug :

Seems to be the same problem.
Is there a manner to temporary fix it with webpack configuration ?

[pi0]

Hi @JBustin. Sorry for this issue. 2.14 release is planned today meanwhile you can also use nuxt-edge package (same code published nightly)