webpack本質上只能處理.js文件，也就是它是用來處理.js代碼的，它不能直接處理外部樣式
所以我們就需要間接去處理，就需要用到第三方的loader加載器（處理器）
處理.css文件需要一套加載器 style-loader，css-loader
安裝步驟：
首先，Ctrl+c,終止批操作處理
然后在終端輸入安裝命令： npm i style-loader css-loader -D
安裝完后 需要在webpack中配置添加配置節，配置loader的規則
先寫module，是一個對象，{}表示，它是專門用於配置所有的第三方模塊的loader加載器
在module寫一個rules的節點，是一個數組，這里是設置第三方加載器的匹配規則
在里面寫一個對象，test的值用正則表達式來寫，（注意，. 是元字符，需要轉義，$表示以前面寫的一串為結尾）
use ,test都是規定好的，不能隨意更改。
use后面可以跟一個字符串，也可以跟一個數組。如果指定的加載器有一個，就直接將加載器的名字寫在后面就可以了，如果十多個對象就用數組的形式寫。
(如果是數組，順序需要注意一下，加載器運行時有一定的規則（加載器的運行規則是先來module下面找rules節點，找到以后就說明我們設置了第三方加載器的匹配規則，設置了匹配規則之后，我們就在匹配規則里面遍歷數組，遍歷的時候，如果遍歷的這一個成員正好匹配上我們要處理的文件，這個時候就把use后面的拿出來，來看這里面告訴我們要用什么樣的加載器來處理這種類型的文件，它在處理的時候，選擇加載器是由后往前選擇的。也就是說，在當前這樣一個規則下，我如果要處理.css文件，是首先拿css-loader去處理，處理完的結果再交給style-loader再處理，它要經過兩次處理，這就是它的工作原理）
配置完成，再來運行就可以了。