Webpack样式加载器vs css-loader

我有两个问题.

1)CSS Loader和Style Loader是两个webpack加载器.我无法理解两者之间的区别.当他们做同样的工作时,为什么我必须使用两个装载机？

2)上面的Readme.md文件中提到的.useable.less和.useable.css是什么？

CSS加载器获取CSS文件并返回CSS imports并url(...)通过webpack的require功能解析:

var css = require("css!./file.css");
// => returns css code from file.css, resolves imports and url(...) 

它实际上并没有对返回的CSS 做任何事情.

样式加载器使用CSS并实际将其插入到页面中,以便样式在页面上处于活动状态.

它们执行不同的操作,但将它们链接在一起通常很有用,比如Unix管道.例如,如果您使用Less CSS预处理器,则可以使用

require("style!css!less!./file.less")

至

file.less使用Less loader 转换为纯CSS

使用CSS加载器解析CSS中的所有imports和url(...)s

使用样式加载器将这些样式插入到页面中

---

你能告诉你,通过在页面中插入样式你会怎样？因为我使用ExtractTextPlugin用于CSS并且根据你所写的内容,我不应该使用样式加载器.另外,我觉得使用样式加载器使我的Style与JS捆绑在一起,直到我使用了extract插件.注意:我使用的是webpack.删除那个样式加载器之后,事情对我来说没有变化,因为我刚才告诉我,我已经将我的CSS放在了由extract插件创建的单独文件中.

---

@ user3241111我认为他的意思是:"通过注入`

该示例来自本教程.如果style-loader通过更改行从管道中删除

require("!style-loader!css-loader!./style.css");

至

require("css-loader!./style.css");

你会看到它

夏晶阳--艺术

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1Laravel使用JSON发送URL
• 2公寓宝石:如何重命名租户？
• 3在tableview中每五个单元格后的广告单元格
• 4如何在asp.net 5中为"asp-for"传递字符串值
• 5想要返回会员列表
• 6PVC可以绑定到特定的PV吗？
• 7PostgreSQL 9.3:将"DD-MM-YYYY"转换为"YYYY-MM-DD"
• 8Google Drive使用当前活动进行整合
• 9正则表达式量词错误
• 10WiX Heat:预构建事件在构建服务器上过早触发
• 11无法在Apache WorkbookFactory上找到close()方法
• 12划分Bootstrap网格列的最佳方法
• 13如何删除/更改R中的图形geom_vline中的标签？
• 14哈希映射中的自动装箱返回NULL
• 15为什么红色,绿色,蓝色图像通道是灰度级的(Matlab)？
• 16对于按位NOT运算,哪个更快:预先计算的表或`~`
• 17使用张量板时,如何总结在几个小型计算机上计算的损失？
• 18如何在非播放应用程序中使用play框架配置库命令行参数
• 19如何检测导航抽屉外的触摸事件
• 20TypeError:需要类似字节的对象,而不是python和CSV中的'str'