https://github.com/farm-fe/farm-soybean-admin

A fresh and elegant admin template, based on Vue3,Vite3,TypeScript,NaiveUI and UnoCSS [一个基于Vue3、Vite3、TypeScript、NaiveUI 和 UnoCSS的清新优雅的中后台模版]
https://github.com/farm-fe/farm-soybean-admin

Last synced: 3 months ago
JSON representation

A fresh and elegant admin template, based on Vue3,Vite3,TypeScript,NaiveUI and UnoCSS [一个基于Vue3、Vite3、TypeScript、NaiveUI 和 UnoCSS的清新优雅的中后台模版]

• Host: GitHub
• URL: https://github.com/farm-fe/farm-soybean-admin
• Owner: farm-fe
• License: mit
• Fork: true (soybeanjs/soybean-admin)
• Created: 2023-10-07T13:48:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-02T15:15:30.000Z (about 1 year ago)
• Last Synced: 2024-03-02T06:35:02.665Z (12 months ago)
• Language: TypeScript
• Homepage: https://admin.soybeanjs.cn
• Size: 6.79 MB
• Stars: 2
• Watchers: 0
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-farm - `farm-soybean-admin`
• awesome-farm - `farm-soybean-admin`

README

        


	

	
Soybean Admin



This project is forded from [Soybean Admin](https://github.com/honghuangdc/soybean-admin). And we migrate this project from Vite to Farm reusing Vite plugins.

```bash

npm run dev:farm # start with Farm

npm run build:farm # build with Farm

npm run dev # start with Vite

npm run build # build with Vite

```

After migrate to Farm, this project is 2 times faster than Vite in Dev, and 6x times faster in Prod!

Performance Compare:

|         | Cold Start(Server Ready + Page Rendered) | Cold Build                  |

| ------- | ---------------------------------------- | --------------------------- |

| Farm    | 3.5s                                     | 4s                          |

| Vite    | 7.5s                                     | 24.1s                       |

| Compare | Farm is 2x faster than Vite              | Farm is 6x faster than Vite |

So this means when using Farm, you can get better performance in both dev and prod, and you can avoid a lot of issues of Vite:

- No huge amount of requests in Dev

- Consistency between dev and prod

- Flexible bundling configuration

And it is really easy to migrate your project from Vite to Farm, just move your `plugins` in `vite.config.ts` to `vitePlugins` in `farm.config.ts`