手把手教你webpack3（6）css-loader详细使用说明

CSS-LOADER配置详解

前注：

文档全文请查看 根目录的文档说明。

如果可以，请给本项目加【Star】和【Fork】持续关注。

有疑义请点击这里，发【Issues】。

1、概述

对于一般的css文件，我们需要动用三个loader（是不是觉得好麻烦）；

1、css-loader：

先附上官网文档（中文）的链接：css-loader文档。

不过说实话，这个官方文档讲的很糟糕，看的人一脸懵逼。

css-loader主要用于处理图片路径（其实也包括例如导入css文件的路径），并且会将css样式打包进js文件中（以模块的形式打包导入）；

但问题在于，他不会将这些代码插入html中，因此还需要通过例如style-loader来实现将打包好的css代码插入html文件中。

2、style-loader：

同样先附上官网文档（中文）的链接：style-loader文档

基本用法：

用于将 css-loader 打包好的css模块，插入到html文件中，变成一个