Question

我可以配置 webpack 以允许包含 scss。

注意：在静态 html 之间复制代码到 React 组件时，在原始 html 上使用 classNames 会更快，这就是我想这样做的原因。< /p>

如何在 nextjs 没有 css 模块和样式组件和只使用基本的 scss 和类名的情况下使其工作？


import 'styles/MyComponent.scss';

const MyComponent = () => {
  return (
    <div className="someClass">
      stuff..
    </div>
  );
};

export default MyComponent;

Answer 1

按照NextJS documentation，没有css模块也可以使用scss，但是样式需要包含在styles文件夹中，然后只能在_app.tsx中导入.

您也可以导入模块本身

import styles from './Home.module.scss'

并将其用作，

<div className={styles['container']}></div>

这样，从静态 html 复制样式到 React 组件会更容易。

如何在nextjs中使用没有css模块的scss

1 个答案: