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

module.exports = {
  // ...其他配置项

  module: {
    rules: [
      // ...其他规则
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
    ],
  },
};

.container {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 4px;
}

.title {
  font-size: 24px;
  color: #333333;
  margin-bottom: 10px;
}

.subtitle {
  font-size: 16px;
  color: #666666;
  margin-bottom: 5px;
}

.button {
  background-color: #007bff;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}

import React from 'react';
import styles from './styles.css';

const MyComponent: React.FC = () => {
  return (
    <div className={styles.container}>
      <h2 className={styles.title}>欢迎来到我的网站</h2>
      <p className={styles.subtitle}>这是一个演示如何导入CSS模块的例子</p>
      <button className={styles.button}>点击我</button>
    </div>
  );
};

export default MyComponent;

declare module '*.css' {
  const styles: {
    readonly [key: string]: string;
  };
  export default styles;
}