Question

我正在尝试将我的Next.js网站呈现为静态HTML，但我不知道如何将exportPathMap和next-sass插件添加到module.exports。

这是我当前的next.config.js文件：

module.exports = {
  exportPathMap: async function (defaultPathMap) {
    return {
      '/': { page: '/' },
      '/releases': { page: '/releases' },
      '/release?=schlagen': { page: '/release', query: { slug: 'schlagen' }},
      '/release?=nicholas-k-pt-1': { page: '/release', query: { slug: 'nicholas-k-pt-1' }},
      '/release?=static-and-shades': { page: '/release', query: { slug: 'static-and-shades' }},
      '/release?=digital-romance': { page: '/release', query: { slug: 'digital-romance' }},
      '/release?=2011': { page: '/release', query: { slug: '2011' }},
      '/artwork': { page: '/artwork' },
      '/artwork/weekend-mixtapes': { page: '/weekendMixtapes' },
      '/artwork/posters': { page: '/posters' }
    }
  }
}

const withSass = require('@zeit/next-sass')
module.exports = withSass()

如何将两者都添加到我的配置中？

Answer 1

根据https://nextjs.org/docs/#customizing-babel-config上的文档

多种配置可以与功能组合在一起组成。例如：

module.exports = (phase, {defaultConfig}) => {
    return withSass({
        exportPathMap: ...
    })
}

导出静态HTML和使用next-sass插件时，我的next.config.js文件应该是什么样的？

1 个答案: