如何使用repack构建多包？

Question

我尝试在 React Native 中使用 repack 将我的代码库拆分为多个包，但我面临一些挑战。我已经按照文档安装了 repack 并尝试了一些配置，但遇到了问题。

具体来说，我想知道如何正确配置和使用 repack 来实现以下目标：

1. 如何在 React Native 项目中设置重新打包以生成多个包？
2. 配置重新打包的入口点和输出目录的正确方法是什么？
3. 是否有任何示例或最佳实践可以指导我使用 repack 进行多捆绑包装？

我查阅了官方的repack文档，但缺乏足够的React Native集成细节和实用配置示例。因此，我正在向社区中经验丰富的开发人员寻求建议和指导。

这是我当前重新打包配置文件的示例：

entry: {
      main: [
        './scripts/preModule.ts',
        ...Repack.getInitializationEntries(
          path.resolve(context, 'node_modules/react-native'),
          {hmr: devServer?.hmr && isDev}
        ),
        './pages/entry/src/index.tsx',
      ],
      demo: [
        './scripts/preModule.ts',
        ...Repack.getInitializationEntries(
          path.resolve(context, 'node_modules/react-native'),
          {hmr: devServer?.hmr && isDev}
        ),
        './pages/demo/src/index.tsx'],
    },
    output: {
      clean: false,
      path: resolveDist(platform),
      filename: devServer ? '[name].index.bundle' : `[name].${getBundleName(platform)}`,
      publicPath: Repack.getPublicPath({platform, devServer, host}),
    },


const getBundleName = platform => `project.${platform}.jsbundle`

当我运行捆绑命令时，我得到了这个：

ERROR in Conflict: Multiple assets emit different content to the same filename pikachu.ios.jsbundle.map

。

任何有关如何正确配置重新打包以生成多个捆绑包的建议或帮助将不胜感激。谢谢您的协助！

Answer 1

要使用 Repack Build Multi-Bundle，首先确保您已安装所需的依赖项。使用多包标志运行 repack 命令并指定目标包。在 repack.config.js 文件中配置构建设置。使用监视选项在开发过程中接收实时更新。最后，运行构建过程来为您的项目生成优化的包。