You can customize the Webpack configuration if you have at least Version 1.1 of Remotion.
Create a config file called
remotion.config.ts in the root of your project. As a confirmation, you should get a console message
Applied configuration from [configuration-file].
Get familiar with the default Webpack configuration which can be found here.
remotion.config.ts file, you can call
Overriding the Webpack config uses the reducer pattern - pass in a function that takes as it's argument a Webpack configuration and return a new Webpack configuration.
Using the reducer pattern will help with type safety, give you auto-complete, ensure forwards-compatibility and keep it completely flexible - you can override just one property or pass in a completely new Webpack configuration.
remotion.config.ts file shows how to enable support for MDX. Installation of
mdx-loader babel-loader @babel/preset-env @babel/preset-react is required.
Create a file which contains
declare module '*.mdx'; in your project to fix a TypeScript error showing up.
You can pass a
--config option to the command line to specify a custom location for your configuration file.