使用reactjs中的css模块从节点模块导入css文件

npm install react react-dom

import styles from './styles.css';

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

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

const MyComponent = () => {
  return (
    <div className={styles.container}>
      <h1 className={styles.title}>Hello, React!</h1>
    </div>
  );
};

export default MyComponent;