webpack 系列：10 分钟搞定 style-loader

原文地址

前言

webpack loaders 系列文章：

• 10 分钟搞定 file-loader
• 10 分钟搞定 url-loader
• 搞定 style-loader

什么是 style-loader

style-loader 的功能就一个，在 DOM 里插入一个

injectType

单独讲一下 injectType 这个配置项，默认值是 styleTag，通过 的形式插入 DOM 中，我们来看看不同的 injectType 的效果。

styleTag

默认情况下，style-loader 每一次处理引入的样式文件都会在 DOM 上创建一个

singletonStyleTag

上面提到默认情况下有几个样式文件就会插入几个

可以看到，两个样式文件的内容都被放到同一个