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

您需要在Webpack配置文件中添加一個新的加載器，用于處理CSS文件，CSS加載器可以將CSS文件轉換為JavaScript模塊，以便在瀏覽器中使用，在Webpack配置文件中，您可以添加以下代碼來配置CSS加載器：

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

上述代碼中，test屬性用于匹配要處理的文件類型，即CSS文件。use屬性則指定了處理這些文件的加載器，即style-loader和css-loader。style-loader用于將CSS樣式插入到HTML文檔中，而css-loader則用于解析CSS文件并將其轉換為JavaScript模塊。

您可以將CSS文件添加到您的應用程序中，并使用import語句將其導入到JavaScript文件中。

import styles from './styles.css';

上述代碼中，styles.css是您要導入的CSS文件，在導入后，您可以使用styles對象來訪問CSS樣式。

當您運行Webpack打包命令時，Webpack將自動處理您的CSS文件并將其打包到***終的JavaScript文件中，您可以在瀏覽器中使用打包后的JavaScript文件來查看您的應用程序的外觀和樣式。

Webpack可以幫助您輕松地打包CSS文件，并將其與JavaScript代碼進行集成，通過配置適當的加載器，您可以輕松地管理您的CSS樣式，并確保它們在應用程序中正確加載和顯示。