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

2016-07-28 22:10:02 +08:00
 broadliyn
{ 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 配置真是头大,各种选项感觉脑子不够用了。。。

2128 次点击
所在节点    问与答
1 条回复
IamJ
2016-07-28 23:20:50 +08:00
一样的,-loader 可以省略

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/295618

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX