Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js Nextjs配置文件-如何导出更多内容_Node.js_Webpack_Next.js_Antd_I18next - Fatal编程技术网

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

Node.js Nextjs配置文件-如何导出更多内容,node.js,webpack,next.js,antd,i18next,Node.js,Webpack,Next.js,Antd,I18next,我正在尝试编辑nextjs配置文件。使用ant design和i18next。 对于ant设计,我需要这个 /* eslint-disable */ const withCss = require('@zeit/next-css') module.exports = withCss({ webpack: (config, { isServer }) => { if (isServer) { const antStyles = /antd\/.*?\

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

/* 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
  },
})
下一步我需要

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设计工作正常,我正在尝试导入i18next)

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


谢谢您的时间。

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

请尝试以下方法:

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


module.exports = withCss({
  publicRuntimeConfig: {

   // ...

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

    // ...

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


module.exports = withCss({
  publicRuntimeConfig: {

   // ...

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

    // ...

    return config
  },
})