Back to Remotion

@remotion/enable-scss

packages/docs/docs/enable-scss/overview.mdx

4.0.460968 B
Original Source

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.

<Installation pkg="@remotion/enable-scss [email protected] [email protected] [email protected]" />

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

Usage

Override the Webpack config by using enableScss().

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

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

APIs

<TableOfContents />