react webpack 的样式相关的 loader，以下两种有什么区别嘛？

{ test: /\.css$/, loader: 'style!css' },
{ test: /\.less$/, loader: 'style!css!less' },

{ test: /\.css$/, loader: 'style-loader!css-loader' },
{ test: /\.less$/, loader: 'style-loader!css-loader!less-loader' }

最近在搞 ant-design,因为不像用粑粑的那套工作流插件想自己搞，刚开始搞环境用的 style-loader!css-loader ，发现浏览器上渲染出来的 css 样式只有不全，于是改成 style!css ，发现样式正常了。

请问这两种写法有什么区别呢？！谢谢各位了。

顺便吐槽一下 webpack 配置真是头大，各种选项感觉脑子不够用了。。。