Skip to main content

enableSkia()

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

remotion.config.ts
ts
import { Config } from "remotion";
import { enableSkia } from "@remotion/skia/enable";
 
Config.overrideWebpackConfig((currentConfiguration) => {
return enableSkia(currentConfiguration);
});
remotion.config.ts
ts
import { Config } from "remotion";
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
ts
import { Config } from "remotion";
import { enableSkia } from "@remotion/skia/enable";
 
Config.overrideWebpackConfig((currentConfiguration) => {
const newConfig = enableSkia(currentConfiguration);
 
return {
...newConfig,
// Make other changes
};
});
remotion.config.ts
ts
import { Config } from "remotion";
import { enableSkia } from "@remotion/skia/enable";
 
Config.overrideWebpackConfig((currentConfiguration) => {
const newConfig = enableSkia(currentConfiguration);
 
return {
...newConfig,
// 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.