Webpack 打包 CSS 的方法

Webpack 是一個強大的模塊打包工具，它可以將各種模塊捆綁在一起，生成一個或多個輸出文件，在打包 CSS 時，我們可以使用 webpack 的各種插件和配置來實現(xiàn)。

我們需要安裝一些必要的插件，如css-loader 和style-loader。css-loader 用于處理 CSS 文件，而style-loader 則用于將 CSS 樣式注入到頁面中。

我們需要在 Webpack 的配置文件中添加相應(yīng)的規(guī)則，以告訴 Webpack 如何處理 CSS 文件，這些規(guī)則包括使用哪個插件來處理 CSS 文件，以及輸出文件的路徑和名稱等。

在編寫代碼時，我們可以使用 import 語句來導(dǎo)入 CSS 文件，當(dāng) Webpack 打包時，它會根據(jù)我們添加的規(guī)則來處理這些 CSS 文件，并將它們與 JavaScript 代碼等其他模塊捆綁在一起。

我們可以生成一個或多個輸出文件，這些文件包含了所有被打包的模塊和樣式，我們可以將這些文件部署到生產(chǎn)環(huán)境中，以供用戶使用。

通過以上步驟，我們可以使用 Webpack 來打包 CSS 文件，并將它們與 JavaScript 代碼等其他模塊捆綁在一起，以生成一個完整的 Web 應(yīng)用程序。