配置CSS-Loader的步驟如下：

1、安裝CSS-Loader：您需要在您的項(xiàng)目中安裝CSS-Loader，可以使用npm或yarn進(jìn)行安裝，在命令行中輸入以下命令：

npm install --save-dev css-loader

或

yarn add --dev css-loader

2、配置Webpack：您需要配置Webpack以使用CSS-Loader，打開(kāi)您的Webpack配置文件（通常是webpack.config.js），并找到module部分，您需要添加一個(gè)新的規(guī)則，用于處理CSS文件。

module: {
  rules: [
    {
      test: /\.css$/,
      use: ['style-loader', 'css-loader']
    }
  ]
}

這里，test屬性用于匹配要處理的文件類型（這里是CSS文件），use屬性則指定了處理這些文件的加載器（這里是style-loader和css-loader）。

3、配置Style-Loader：style-loader用于將樣式表添加到HTML文檔中，您可以通過(guò)在style-loader的配置中設(shè)置injectType屬性來(lái)決定樣式表的注入位置，將其設(shè)置為style-loader?injectType=script會(huì)將樣式表注入到<script>標(biāo)簽中。

4、運(yùn)行Webpack：您可以通過(guò)運(yùn)行Webpack來(lái)檢查配置是否正確，在命令行中輸入以下命令：

npx webpack --config webpack.config.js

或

yarn webpack --config webpack.config.js

這將啟動(dòng)Webpack并處理您的項(xiàng)目文件，如果一切配置正確，您應(yīng)該能夠在項(xiàng)目的輸出文件夾中找到生成的樣式表文件。