v11.0.0

Notes

• using ~ is deprecated and can be removed from your code (we recommend it), but we still support it for historical reasons.

Why you can removed it?
The loader will first try to resolve @import/@use as relative, if it cannot be resolved, the loader will try to resolve @import/@use inside node_modules.
Using ~ means looking for files in node_modules or resolve.alias or resolve.fallback.

⚠ BREAKING CHANGES

• minimum supported webpack version is 5

Features

• supported the resolve.byDependency option, you can setup { resolve: { byDependency: { sass: { mainFiles: ['custom', '...'] } } } }