@remotion/enable-scss

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import {ExperimentalBadge} from '../../components/Experimental'; import {TableOfContents} from './TableOfContents';

This package provides a Webpack override for enabling SCSS/SASS with Remotion..

Installation

Install @remotion/enable-scss as well as TailwindCSS dependencies.

:::warning Pay attention to install exactly these versions.
Newer versions may not work. :::

Usage

Override the Webpack config by using enableScss().

import {Config} from '@remotion/cli/config';
import {enableScss} from '@remotion/enable-scss';

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

APIs