在你的下一个。js项目你有styles文件夹，其中包括global.css文件，如果你想创建特定的样式文件，并将其导入到你的文件中的任何地方，你应该将其命名为*.module.scss并将其导入到所需的目标

import Classes from 'styles/test.module.css';

//usange

<div className={Classes.yourClassName}>

</div>

npm install sass

import '../styles/global.scss';
import App from 'next/app';

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />;
}

export default MyApp;

import styles from './myComponent.module.scss';

function MyComponent() {
  return (
    <div className={styles.myClass}>
      <p>Hello, world!</p>
    </div>
  );
}