CSS加载器和Extract Text插件使用Case Webpack

Question

我知道CSS加载器只是模块化你的CSS，所以如果你在style.css导入foo.js，只要foo.js运行，它就会引用style.css这样，在foo.js中创建的元素就可以使散列的classNames为style.css。然后，样式加载器通常用于将style.css放入html的<style>标记中，以便应用样式。

我不确定Extract Text Plugin的重点。是不是你不需要Style Loader然后你可以将你的所有CSS提取到一个文件中，然后通过手动输入你的html中的名字自己链接到它？

Answer 1

来自documentation：

  

它将条目块中所有必需的* .css模块移动到单独的CSS文件中。因此，您的样式不再内联到JS包中，而是在单独的CSS文件（styles.css）中。如果您的样式表总量很大，那么它会更快，因为CSS包是与JS包并行加载的。