---
title: "@farmfe/plugin-sass"
locale: "zh"
version: "1.x"
canonicalUrl: "https://farmfe.org/zh/docs/1.x/plugins/official-plugins/sass"
publicationStatus: "prerelease"
---

<a id="farmfeplugin-sass"></a>
# @farmfe/plugin-sass


支持 ` sass ` 编译


<a id="installation"></a>
## Installation


**npm**

```javascript
npm install @farmfe/plugin-sass
```


**yarn**

```javascript
yarn add @farmfe/plugin-sass
```


**pnpm**

```javascript
pnpm add @farmfe/plugin-sass
```



<a id="usage"></a>
## Usage


` @farmfe/plugin-sass ` 是一个 Rust 插件，你只需要在 ` farm.config.ts ` 的 ` plugins ` 字段中配置它的包名。


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

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


<a id="options"></a>
## Options


<a id="additionaldata"></a>
### additionalData


- **类型**: ` string `


在每个 ` sass ` 文件头部添加额外内容，例如 ` @import '@/styles/variables.scss'; ` 语句。