带有 next.js 的自定义 webpack 配置和带有 @expo/vector-icons 的 monorepo 中的 next-fonts

Question

我正在尝试使用 solito 将 monorepo 与 React Native 和 Next.js.

结合使用

我成功创建了一个全新的项目。我的下一步是添加一个名为 react-native-paper 的 UI 库。到目前为止在 React Native 上看起来不错

我的问题：我需要在 /next.config.js 上设置自定义 webpack 配置来处理 .ttf 文件，但我不知道如何

这就是我所做的，但它陷入了无限循环。

const withFonts = require('next-fonts')

module.exports = withPlugins(
  [
    withTM,
    [
      withFonts,  <------ seams this custom config is not happy
      {
        enableSvg: true,
        webpack(config, options) {
          return config
        },
      },
    ],
    [withExpo, { projectRoot: __dirname }],
  ],
  nextConfig
)

Answer 1

一夜之后我重新访问了我的代码，simply removed the webpack custom config 它正在运行。

const withFonts = require('next-fonts')

module.exports = withPlugins(
  [withTM, withFonts, [withExpo, { projectRoot: __dirname }]],
  nextConfig
)

带有 next.js 的自定义 webpack 配置和带有 @expo/vector-icons 的 monorepo 中的 next-fonts

Custom webpack config with next.js and next-fonts in a monorepo with @expo/vector-icons

webpack

monorepo

next.js