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 | 热门文章

• 1如何在BlackBerry Priv上调试我的Android应用程序？
• 2Eclipse JDT:如何获取Java内容辅助的数据模型
• 3在selectize.js中显示labelField的多个值
• 4错误:关系"places"不存在Heroku数据库导入
• 5这个x86汇编指令做了什么(添加了xmm0,ds:__ xmm @ 41f00000000000000000000000000000 [edx*8])？
• 6Docker构建只是冻结？
• 7通过Annotation Builder在Zend Framework 2表单中填充关系数据
• 8Scala不是Any的成员
• 9我的XCode UI测试如何检测屏幕是否已更改？
• 10APCu不存储在PHP 7中
• 11鱼壳评估制作返回码
• 12有关MultipartConfig fileSizeThreshold的建议
• 13如何使控制中心滑块可编辑？
• 14WPF绑定ComboBox到我的ViewModel
• 15如何从夹具中添加Django中的超级用户
• 16ld:未知选项: - no-as-needed.任何解决方法？
• 17在反应中渲染输入数组
• 18简单的tvOS UIButton无法正常工作
• 19调用未定义的函数odbc_connect()php 7
• 20你能用Python中的日期时间总结吗？