css-loader 4.x.x support?

[thaqldks]

vue-loader stopped working after upgrade css-loader to 4.x.x from 3.6.0.
i see some breaking changes documented on css-loader repo.
please fix this.

[huangkaiqiao]

I have encountered the same problem as you do.
i can't find out what's wrong with webpack.config.js of my project
until open this issue.
plz fix this. or change official document of vue-loader.
thanks a lot.

[Ivo Janssen]

@huangkaiqiao for most purposes you can safely swap out vue-style-loader with style-loader and your project should work fine. Also see #42

I will look into what exactly is causing the problem...

Edit: the problem is that css-loader's esModule option is set to true by default in v4. The correct workaround for now is replacing the css-loader declaration in your webpack config with:

{
    loader: 'css-loader',
    options: {
        esModule: false
    }
}

[PosiNorth]

@foxxyz works for me. Thanks a lot.

[Julian Acosta]

Confirmed, @foxxyz solution worked

[Hiroki Osame]

Minimal reproduction repo for reference: https://github.com/privatenumber/vue-css-loader-bug

[Chris Nixon]

I was stuck on this issue for days. @foxxyz solution worked for me.

[辛宝Otto]

耗费了好久时间来排查这个问题。希望更新文档

[Joe]

Thanks. It's ok to use style-loader@2 to replace vue-style-loader.