@remotion/enable-scss

这个包提供了一个 Webpack 覆盖，以启用 Remotion 的 SCSS/SASS。

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

安装

🌐 Installation

安装 @remotion/enable-scss 以及 TailwindCSS 依赖。

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

npm
bun
pnpm
yarn

npm i --save-exact @remotion/enable-scss@4.0.431 sass@1.77.2 sass-loader@14.2.1 css-loader@5.2.7

This assumes you are currently using v4.0.431 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

pnpm i @remotion/enable-scss@4.0.431 sass@1.77.2 sass-loader@14.2.1 css-loader@5.2.7

bun i @remotion/enable-scss@4.0.431 sass@1.77.2 sass-loader@14.2.1 css-loader@5.2.7

yarn --exact add @remotion/enable-scss@4.0.431 sass@1.77.2 sass-loader@14.2.1 css-loader@5.2.7

warning

注意安装正是这些版本。新版本可能无法使用。

用法

🌐 Usage

通过使用 enableScss() 来覆盖 Webpack 配置。

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

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

应用接口

🌐 APIs

enableScss()

Override the Webpack config to enable SCSS

安装​

用法​

应用接口​

安装

用法

应用接口