After more searching it turned out that I’m not the only one confused about how to use this option correctly. Issues from the GitHub repo of css-loader:
https://github.com/webpack-contrib/css-loader/issues/765
Also see @guidobouman excellent explanation here:
https://github.com/webpack-contrib/css-loader/issues/228#issuecomment-312885975
So this answers my question (quoted literally):
importLoadersonly has effect on unresolved@imports. So when using
postCSS with nextCSS (no@importresolver) you’ll want to set
importLoaders. This way nextCSS will also be applied to imported.css
files. But when using sass, it already handles the@importstatements,
so noimportLoadersis required.So, this only happens when
css-loaderfinds an unresolved@import.
When usingsass-loaderfor example; All imports are resolved (and
concatenated) beforecss-loadereven gets the chance to look for an
@import.