Question

我正在尝试配置下一个 js 打字稿应用程序以使用 sass 和下一个 js 字体，我遵循 this artical

没有字体模块样式正常工作

这是我没有字体的 next.config.js


const withSass = require('@zeit/next-sass')
const withFont = require('nextjs-fonts');

module.exports =withSass({
    cssModules: true
  });

这就是我尝试为应用程序配置字体的方式

const withSass = require('@zeit/next-sass');
const withFonts = require('nextjs-fonts');
module.exports = withSass(withFonts({
  webpack(config, options) {
   return config;
  },
}));

当我改变 next.config.js 这样的应用程序将停止使用样式我该如何解决这个问题

Answer 1

从 9.3 版本开始，Next.js 具有内置的 sass 支持（包括 css 模块）。为避免冲突，如果您使用 @zeit/next-sass 或 css 相关插件，该功能将被禁用。

https://nextjs.org/blog/next-9-3#built-in-sass-support-for-global-stylesheets

当nextjs-fonts或next-fonts发布时，导入字体文件时会出现一些问题，但现在不会了，当然你不需要nextjs-fonts，你可以定义@font-face .scss 文件中的 css。

Checkout this related Github issues

如何配置 nextjs 打字稿以使用 sass 和 nextjs 字体

1 个答案: