When reading from webpack5 filesystem cache imported assets from css are not found

• Operating System: macOS
• Node Version: 12.14.1
• NPM Version: 6.13.4
• webpack Version: 5.4.0
• mini-css-extract-plugin Version: 1.3.0

Expected Behavior

When webpack is running from cache, output is the same as without.

Actual Behavior

When reading from cache assets imported from css are not found.

Code

https://github.com/piecyk/mini-css-extract-plugin-asset-cache-bug

How Do We Reproduce?

1. checkout mini-css-extract-plugin-asset-cache-bug
2. yarn webpack
3. checkout output from ./dist

./dist/
├── index.html
├── main.css
├── main.js
└── static
    └── webpack-logo.svg

1. rm -rf ./dist/
2. yarn webpack
3. checkout output from ./dist

./dist/
├── index.html
├── main.css
└── main.js

[Varedis]

Maybe this helps, I don’t really have the time to make a test repo at the minute, sorry:

using mini-css-extract-plugin@1.3.1 and webpack@4.29.6:

Using mini-css-extract-plugin@1.3.0 with the same webpack version and exactly same config works fine.

[alexander-akait]

Hope, we don’t break anything, anyway there is one way to check, release it 😄