---
title: "社区插件"
locale: "zh"
version: "1.x"
canonicalUrl: "https://farmfe.org/zh/docs/1.x/plugins/community-plugins"
publicationStatus: "prerelease"
---

<a id="社区插件"></a>
# 社区插件


<a id="farm-plugins"></a>
## Farm Plugins


- [farm-pulgin-strip](<https://github.com/CCherry07/farm-pulgin-strip>): 一个 Farm Rust 插件，用于从代码中删除 debugger 语句和函数，例如 assert.equal 和 console.log 。


<a id="viterollup-plugins"></a>
## Vite/Rollup Plugins


Farm支持 ` Vite/Rollup ` 插件开箱即用。所以` Vite/Rollup `或` unplugin `插件可以直接在Farm中使用。



> [!TIP]
> 提示
> 
> 如果您开发了兼容 Farm 的插件并且想在此处列出，欢迎 PR。



使用 ` farm.config.ts ` 中的 ` vitePlugins ` 来配置 ` Vite/Rollup ` 插件。


```ts
import { UserConfig } from '@farmfe/core';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';

const config: UserConfig = {
  vitePlugins: [
    vue(),
    vueJsx(),
  ]
}
```


- **[` @vitejs/plugin-vue `](<https://github.com/vitejs/vite-plugin-vue/blob/main/packages/plugin-vue/README.md>)**: Vue 支持.
- **[` @vitejs/plugin-vue-jsx `](<https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx>)**: Vue Jsx/Tsx 支持.
- **[` vite-plugin-solid `](<https://www.npmjs.com/package/vite-plugin-solid>)**: Solid 支持
- **[` vite-plugin-mock `](<https://www.npmjs.com/package/vite-plugin-solid>)**: Mock 数据.
- ...


<a id="unplugin"></a>
## unplugin



> [!NOTE]
> 备注
> 
> 目前，您可以在 Farm 中使用“unplugin/vite”进行“unplugin/rollup”。 当[此 PR](<https://github.com/unjs/unplugin/pull/341>) 合并到 unplugin 时，` unplugin/farm ` 将可用。



```ts
import Icons from 'unplugin-icons/vite';
import IconsResolver from 'unplugin-icons/resolver';
import Components from 'unplugin-vue-components/rollup';
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
import { FileSystemIconLoader } from 'unplugin-icons/loaders';

const config: UserConfig = {
  vitePlugins: [
    Icons({
      compiler: 'vue3',
      customCollections: {
        [collectionName]: FileSystemIconLoader(localIconPath, svg =>
          svg.replace(/^<svg\s/, '<svg width="1em" height="1em" ')
        )
      },
      scale: 1,
      defaultClass: 'inline-block'
    }),
    Components({
      dts: 'src/typings/components.d.ts',
      types: [{ from: 'vue-router', names: ['RouterLink', 'RouterView'] }],
      resolvers: [
        NaiveUiResolver(),
        IconsResolver({ customCollections: [collectionName], componentPrefix: VITE_ICON_PREFIX })
      ]
    })
  ]
}
```


Farm 支持所有 unplugin 插件:


- [unplugin-auto-import](<https://github.com/antfu/unplugin-auto-import>)
- [unplugin-vue2-script-setup](<https://github.com/antfu/unplugin-vue2-script-setup>)
- [unplugin-icons](<https://github.com/antfu/unplugin-icons>)
- [unplugin-vue-components](<https://github.com/antfu/unplugin-vue-components>)
- [unplugin-upload-cdn](<https://github.com/zenotsai/unplugin-upload-cdn>)
- [unplugin-web-ext](<https://github.com/jwr12135/unplugin-web-ext>)
- [unplugin-properties](<https://github.com/pd4d10/unplugin-properties>)
- [unplugin-moment-to-dayjs](<https://github.com/1247748612/unplugin-moment-to-dayjs>)
- [unplugin-object-3d](<https://github.com/m0ksem/unplugin-object-3d>)
- [unplugin-parcel-css](<https://github.com/ssssota/unplugin-parcel-css>)
- [unplugin-vue](<https://github.com/sxzz/unplugin-vue>)
- [unplugin-vue-macros](<https://github.com/sxzz/unplugin-vue-macros>)
- [unplugin-vue-define-options](<https://github.com/sxzz/unplugin-vue-macros/tree/main/packages/define-options>)
- [unplugin-jsx-string](<https://github.com/sxzz/unplugin-jsx-string>)
- [unplugin-ast](<https://github.com/sxzz/unplugin-ast>)
- [unplugin-element-plus](<https://github.com/element-plus/unplugin-element-plus>)
- [unplugin-glob](<https://github.com/sxzz/unplugin-glob>)
- [unplugin-sentry](<https://github.com/kricsleo/unplugin-sentry>)
- [unplugin-imagemin](<https://github.com/ErKeLost/unplugin-imagemin>)
- [unplugin-typedotenv](<https://github.com/ssssota/typedotenv>)
- [unplugin-fonts](<https://github.com/cssninjaStudio/unplugin-fonts>)
- [sentry-javascript-bundler-plugins](<https://github.com/getsentry/sentry-javascript-bundler-plugins>)
- [unplugin-svg-component](<https://github.com/Jevon617/unplugin-svg-component>)
- [unplugin-vue-cssvars](<https://github.com/baiwusanyu-c/unplugin-vue-cssvars>)