enableSkia()

A function that modifies the default Webpack configuration to make the necessary changes to support Skia.

remotion.config.ts
import { Config } from "@remotion/cli/config";
import { enableSkia } from "@remotion/skia/enable";

Config.overrideWebpackConfig((currentConfiguration) => {
  return enableSkia(currentConfiguration);
});

note

Prior to v3.3.39, the option was called Config.Bundling.overrideWebpackConfig().

If you want to make other configuration changes, you can do so by doing them reducer-style:

remotion.config.ts
import { Config } from "@remotion/cli/config";
import { enableSkia } from "@remotion/skia/enable";

Config.overrideWebpackConfig((currentConfiguration) => {
  return enableSkia({
    ...currentConfiguration,

    // Make other changes
  });
});

note

Prior to v3.3.39, the option was called Config.Bundling.overrideWebpackConfig().

See the setup to see full instructions on how to setup React Native Skia in Remotion.

Compatibility

Servers			Environments
Node.js	Bun	Serverless Functions	Client-side rendering	Server-side rendering	Player	Studio
				Build step		Build step

This function runs while bundling a project. The resulting bundle can use <SkiaCanvas> in the browser.

Compatibility​

Compatibility