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

时间:2019-05-28 11:30:49

标签: javascript reactjs next

在我的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

1 个答案:

答案 0 :(得分:1)

您可以这样做:

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

)))

您可以尝试使用next-compose