如何使用css模块设置webpack

npm install webpack webpack-cli css-loader style-loader

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

/* styles.css */
.container {
  background-color: red;
}

.title {
  color: blue;
}

import styles from './styles.css';

const container = document.createElement('div');
container.classList.add(styles.container);

const title = document.createElement('h1');
title.classList.add(styles.title);
title.textContent = 'Hello, CSS Modules!';

container.appendChild(title);
document.body.appendChild(container);