@callstack/repack

A Webpack-based toolkit to build your React Native application with full support of Webpack ecosystem.

---

Re.Pack is a next generation of Haul — a Webpack-based bundler for React Native applications.

Re.Pack uses Webpack 5 and React Native CLI's plugin system to allow you to bundle your application using Webpack and allow to easily switch from Metro.

Check the base webpack.config.js template, if you're curious how it all looks like.

Features

• Webpack ecosystem, plugins and utilities
• Build production bundle for iOS, Android and out-of-tree platforms
• Build development bundle for iOS, Android and out-of-tree platforms
• Development server with support for:
  • Remote JS debugging
  • Source Map symbolication
  • Hot Module Replacement and React Refresh
  • Reloading application from CLI using r key
• Built-in Hot Module Replacement + React Refresh support
• Flipper support:
  • Crash Reporter,
  • Application logs
  • Layout
  • Network
  • Hermes debugger
  • React DevTools
  • Development server (debugging/verbose) logs
• Hermes support:
  • Running the production/development bundle using Harmes engine
  • Transforming production bundle into bytecode bundle
  • Inspecting running Hermes engine with Flipper
• Code splitting (experimental):
  • Dynamic import() support with and without React.lazy() (recommended).
  • Manual chunks using entry option (only for advanced users).

Planned features

• ChunksToHermesBytecodePlugin plugin to automatically transform async chunks to bytecode format.
• webpack-init command
• Web dashboard / Flipper plugin with:
  • Logs
  • Compilations progress, errors and emitted assets
  • Bundle visualizations
• Module Federation support

Documentation

The documentation is available at: https://re-pack.netlify.app/

You can also use the following links to jump to specific topics:

• About Re.Pack
• Getting Started
• Configuration
• API documentation
• Known issues & limitations
• Code splitting

Made with ❤️ at Callstack

@callstack/repack is an open source project and will always remain free to use. If you think it's cool, please star it 🌟. Callstack is a group of React and React Native geeks, contact us at [e-mail] if you need any help with these or just want to say hi!

Like the project? ⚛️ Join the team who does amazing stuff for clients and drives React Native Open Source! 🔥