Node.js Nextjs配置文件-如何导出更多内容
我正在尝试编辑nextjs配置文件。使用ant design和i18next。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\/.*?\
对于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
},
})