如何以正確的方式配置 next.config.js 文件

Question

在我的next.config.js我有以下配置：

const withCSS = require('@zeit/next-css');
const withSass = require('@zeit/next-sass');
const withImages = require('next-images');
const withFonts = require('next-fonts');

module.exports = withCSS(
  withSass(
    withFonts(),  // <=== this is wrong? 
    withImages({
      distDir: '../_next',
      webpack(config) {
        return config;
      }
    })
  )
);

我需要在這里添加的最后一件事是next-fonts插件。

我不確定如何以正確的方式導出withFounts 。

我需要 next-fonts 插件才能使用'fonts' icons 。

Answer 1

你可以這樣做：

module.exports = withCSS(withFonts(withSass(
    withImages({
        distDir: '../_next',
        webpack(config) {
            return config;
        }
    })
)))

您可以嘗試使用next-compose