CSS Module 是一種使 CSS 變得更可靠、可重復使用和容易維護的工具。它允許您將 CSS 作為模塊（或組件）引入，并使用模塊范圍內的類名來定義樣式。這可以幫助您避免命名沖突，提高代碼組織能力并大大減少樣式影響范圍。

使用 CSS Module 的過程非常簡單。您只需要使用以下命令安裝 css-loader 和 style-loader 模塊：

npm install css-loader style-loader --save-dev

然后，在 webpack.config.js 文件中配置 loader。您可以通過以下方式來執行此操作：

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

最后，在組件中使用 CSS Module：

import styles from './styles.css'
const MyComponent = () =>(
Hello, World!
)

上面的代碼只是一個簡單的例子。但是，使用 CSS Module 可以讓您輕松地創建樣式豐富、易于組織的組件，而無需擔心樣式沖突或污染。