Webpack样式加载器与CSS加载器

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

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")

至

1. 转file.less成纯CSS有不太装载机
2. 使用CSS加载器解析CSS中的所有imports和url(...)
3. 使用样式加载器将这些样式插入页面