Webpack是一種流行的JavaScript模塊打包工具，它可以將多個JavaScript文件打包成一個或多個文件，以便在瀏覽器中使用，除了JavaScript文件，Webpack還可以打包CSS文件，以便在網頁中引用。

要打包CSS文件，您可以使用Webpack的style-loader和css-loader插件。style-loader插件可以將CSS樣式表添加到HTML文檔中，而css-loader插件則可以讀取CSS文件并將其轉換為JavaScript模塊，以便在應用程序中使用。

在Webpack的配置文件中，您需要配置style-loader和css-loader插件的路徑和選項，您可以將以下代碼添加到配置文件中：

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

這段代碼告訴Webpack在遇到CSS文件時，使用style-loader和css-loader插件進行打包和處理。

一旦您配置了這些插件，您就可以將CSS文件添加到您的應用程序中，并使用import語句將其導入到JavaScript文件中，當您運行Webpack打包命令時，Webpack會自動將CSS文件打包成一個或多個文件，并在HTML文檔中引用這些文件。

通過以上步驟，您可以使用Webpack輕松地打包和處理CSS文件，以便在您的應用程序中使用。