import CodeBlock from "@theme/CodeBlock"; import Tabs from "@theme/Tabs"; import TabItem from "@theme/TabItem";

@farmfe/plugin-sass

Support Sass for Farm.

Installation

<Tabs> <TabItem value="npm" label="npm"> <CodeBlock>npm install @farmfe/plugin-sass</CodeBlock> </TabItem> <TabItem value="yarn" label="yarn"> <CodeBlock>yarn add @farmfe/plugin-sass</CodeBlock> </TabItem> <TabItem value="pnpm" label="pnpm"> <CodeBlock>pnpm add @farmfe/plugin-sass</CodeBlock> </TabItem> </Tabs>

Usage

@farmfe/plugin-sass is a Rust plugin, you only need to configure its package name in plugins field in farm.config.ts.

import { UserConfig } from '@farmfe/core';

const config: UserConfig = {
  plugins: ['@farmfe/plugin-sass', { /** options here */}]
}

Options

additionalData

Type: string

Add extra content to the head of each sass file, such as an @import '@/styles/variables.scss'; statement.