Nextjs 配置文件 - 如何导出更多内容

Question

我正在尝试编辑 nextjs 配置文件。要使用 ant design 和 i18next.
对于蚂蚁设计，我需要这个。

/* eslint-disable */
const withCss = require('@zeit/next-css')


module.exports = 
withCss({
  webpack: (config, {
    isServer
  }) => {
    if (isServer) {
      const antStyles = /antd\/.*?\/style\/css.*?/
      const origExternals = [...config.externals]
      config.externals = [
        (context, request, callback) => {
          if (request.match(antStyles)) return callback()
          if (typeof origExternals[0] === 'function') {
            origExternals[0](context, request, callback)
          } else {
            callback()
          }
        },
        ...(typeof origExternals[0] === 'function' ? [] : origExternals),
      ]

      config.module.rules.unshift({
        test: antStyles,
        use: 'null-loader',
      })
    }
    return config
  },
})

对于 i18next，我需要

module.exports = {
  publicRuntimeConfig: {
    localeSubpaths: typeof process.env.LOCALE_SUBPATHS === 'string'
      ? process.env.LOCALE_SUBPATHS
      : 'none',
  },
}

所以我把它组合成：

/* eslint-disable */
const withCss = require('@zeit/next-css')


module.exports = ({
  publicRuntimeConfig: {
    localeSubpaths: typeof process.env.LOCALE_SUBPATHS === 'string' ?
      process.env.LOCALE_SUBPATHS : 'none',
  }
}, withCss({
  webpack: (config, {
    isServer
  }) => {
    if (isServer) {
      const antStyles = /antd\/.*?\/style\/css.*?/
      const origExternals = [...config.externals]
      config.externals = [
        (context, request, callback) => {
          if (request.match(antStyles)) return callback()
          if (typeof origExternals[0] === 'function') {
            origExternals[0](context, request, callback)
          } else {
            callback()
          }
        },
        ...(typeof origExternals[0] === 'function' ? [] : origExternals),
      ]

      config.module.rules.unshift({
        test: antStyles,
        use: 'null-loader',
      })
    }
    return config
  },
}))

但我不确定这样做是否正确，因为我仍然遇到错误（ant design 工作正常，我正在尝试导入 i18next）

D:\xxx\xxx\nextcms\i18n.js:4
} = require('next/config').default().publicRuntimeConfig
                                    ^

TypeError: Cannot read property 'publicRuntimeConfig' of undefined

这可能是由其他一些问题引起的，但我只需要知道我是否使用 i18next 正确导出了那些 ant 设计。

感谢您的宝贵时间。

Answer 1

您需要使用 withCss() 包装整个导出。

试试这个：

/* eslint-disable */
const withCss = require('@zeit/next-css')


module.exports = withCss({
  publicRuntimeConfig: {

   // ...

  },
  webpack: (config, { isServer }) => {

    // ...

    return config
  },
})

Nextjs 配置文件 - 如何导出更多内容

Nextjs config file - how to export more content

node.js

i18next

webpack

next.js

antd