javascript - 如何以正确的方式配置 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.

标签： javascriptreactjsnext.js

Answer 1

你可以这样做：

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

您可以尝试使用next-compose