# poppy

**Repository Path**: yloo-cn/poppy

## Basic Information

- **Project Name**: poppy
- **Description**: Poppy 是一个基于 antd、qiankun、umi、lerna 等技术栈的微前端基础平台，项目提供常用工具类、图标、常用后台管理系统UI组件、通用业务逻辑等功能。致力于为中小型企业打造全方位前后端分离的企业级解决方案，是快速搭建企业级中台管理系统的最佳捷径方案之一。
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: develop
- **Homepage**: http://www.yloo.cn
- **GVP Project**: No

## Statistics

- **Stars**: 16
- **Forks**: 1
- **Created**: 2017-12-09
- **Last Updated**: 2026-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Poppy

## 项目介绍

​ Poppy 是一个基于 antd、formily、qiankun、umi、lerna 等技术栈的微前端基础平台，项目由 common、icons、ui、core、mock、plugin、table、blocks 等子工程组成；致力于为中小型企业打造全方位前后端分离的企业级解决方案，是快速搭建企业级中台管理系统的最佳捷径方案之一。

> **Poppy**(罂粟)是世界上最美的花之一，叶片碧绿，花大艳丽，茎干亭亭玉立，香气浓郁，其果可入药、其果实提取物具有强大的成瘾性。取名 Poppy 是希望框架丰富的业务处理能力，能够解决广大开发者的痛点，使每位开发者着迷于其强大的通用处理逻辑。


## 环境准备

首先得有 node，并确保 node 版本是 14 或以上。（推荐用 [nvm](https://github.com/nvm-sh/nvm) 来管理 node 版本，windows 下推荐用 [nvm-windows](https://github.com/coreybutler/nvm-windows)）

mac 或 linux 下安装 nvm。

```
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash$ nvm -v0.39.1
```

安装 node。

```
$ nvm install 16
$ nvm use 16
$ node -v
v16.10.0
```

然后需要包管理工具。node 默认包含 npm，推荐使用`yarn`或`pnpm`包管理

- [Yarn](https://yarnpkg.com/getting-started/install) 安装

```shell
npm install -g yarn
mkdir D:\Develop\nodejs\yarn_cache
mkdir D:\Develop\nodejs\yarn_global
mkdir D:\Develop\nodejs\yarn_link

#查看 yarn 全局bin位置
yarn global bin

# 查看 yarn 全局安装位置
yarn global dir

# 查看 yarn 全局cache位置
yarn cache dir

yarn config set prefix "D:\Develop\nodejs"
yarn config set cache-folder "D:\Develop\nodejs\yarn_cache"
yarn config set global-folder "D:\Develop\nodejs\yarn_global"
yarn config set link-folder "D:\Develop\nodejs\yarn_link"
yarn config set registry https://npmmirror.com 

```

- [pnpm](https://pnpm.io/installation) 安装

```shell
npm install -g pnpm
mkdir D:\Develop\nodejs\pnpm_cache

pnpm config set store-dir D:\Develop\nodejs\pnpm_cache
pnpm config set global-bin-dir D:\Develop\nodejs\pnpm_global
//切换淘宝源
pnpm config set registry https://npmmirror.com 

```



## 启动项目

```shell
yarn dev
App running at:
  - Local:   http://localhost:8000 (copied to clipboard)
  - Network: http://192.168.56.1:8000
```

在浏览器里打开 http://localhost:8000/



## 打包项目

打包Poppy项目

```shell
yarn build
```



## 发布npm包

```shell
# 安装 nrm
npm i nrm -g
# 增加私有npm源,url修改为自己的服务区
nrm add yloo http://yloo.cn:17001/
# 使用 私有npm源
nrm use yloo
# 查看源列表
nrm ls

# 新增用户
# npm adduser --registry http://yloo.cn:17001/
npm adduser
# 用已有用户登录
npm login

# 发布包到私有npm服务器上
npm publish
# 也可以参数指定私有npm源。注意，第一次上传某个包，版本号需设置为 1.0.0
npm publish --registry=http://yloo.cn:17001

```



## 使用方法

进入需要依赖poppy的项目，根据需要添加相关的组件

```shell
yarn add @yloo/poppy-common
yarn add @yloo/poppy-icons
yarn add @yloo/poppy-ui
yarn add @yloo/poppy-core
yarn add @yloo/poppy-mock
yarn add @yloo/poppy-plugin
yarn add @yloo/poppy-table
yarn add @yloo/poppy-blocks

```



引用实例：

```js
import { IconFont } from '@yloo/poppy-icons';
import { MsgBox } from '@yloo/poppy-ui';
...
```