我需要帮助 nextjs 样式

Question

我将组件级模块 scss 导入为

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

然后应用下面的scss

<div className={styles.container}></div>

但是scss没有生效。

注意：如果我使用

import './SideDrawer.module.scss';

然后应用下面的scss，它就可以工作了

<div className="container"></div>

next.config.js - 显示内置 css 已禁用

    const withSass = require("@zeit/next-sass");
module.exports = withSass({
    webpack(config) {
      config.module.rules.push({
        test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
        issuer: {
          test: /\.(js|ts)x?$/,
        },
        use: ['@svgr/webpack'],
      });
  
      return config;
    },
});

如何使第一个导入样式生效？

Answer 1

这似乎是 Next.js 的一个限制。恢复到内置的 Sass。谢谢大家