# xdp

> Onestop Rapid Development Platform - xdp by vite4 + vue3 + esm + es2022

Latest version **0.1.61** (published 2023-08-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install xdp
pnpm add xdp
yarn add xdp
bun add xdp
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.61 |
| Published | 2023-08-22 |
| First published | 2023-08-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 15 |
| Unpacked size | 7.5 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | xiong fei |
| Maintainers | xf314 |
| Keywords | xdp, vite4, vue3, @arco-design/web-vue |

## Links

- npm: https://www.npmjs.com/package/xdp
- npm.io page: https://npm.io/package/xdp

## Dependencies (15)

- [vue](https://npm.io/package/vue.md) ^3.3.0
- [axios](https://npm.io/package/axios.md) ^1.4.0
- [color](https://npm.io/package/color.md) ^4.2.3
- [pinia](https://npm.io/package/pinia.md) ^2.1.3
- [echarts](https://npm.io/package/echarts.md) ^5.4.2
- [vue-i18n](https://npm.io/package/vue-i18n.md) ^9.2.2
- [lodash-es](https://npm.io/package/lodash-es.md) ^4.17.21
- [nprogress](https://npm.io/package/nprogress.md) ^0.2.0
- [b-validate](https://npm.io/package/b-validate.md) ^1.5.2
- [vue-router](https://npm.io/package/vue-router.md) ^4.2.2
- [number-precision](https://npm.io/package/number-precision.md) ^1.6.0
- [@ckpack/vue-color](https://npm.io/package/@ckpack/vue-color.md) ^1.5.0
- [@arco-design/web-vue](https://npm.io/package/@arco-design/web-vue.md) 2.48.1
- [resize-observer-polyfill](https://npm.io/package/resize-observer-polyfill.md) ^1.5.1
- [scroll-into-view-if-needed](https://npm.io/package/scroll-into-view-if-needed.md) ^3.0.10

## Alternatives

- [jsforce](https://npm.io/package/jsforce.md) — 851.2K weekly downloads
- [react-native-qrcode-svg](https://npm.io/package/react-native-qrcode-svg.md) — 693.5K weekly downloads
- [@salesforce/plugin-data](https://npm.io/package/@salesforce/plugin-data.md) — 394.9K weekly downloads
- [@backstage/plugin-search-common](https://npm.io/package/@backstage/plugin-search-common.md) — 308.5K weekly downloads
- [@chain-registry/types](https://npm.io/package/@chain-registry/types.md) — 38.4K weekly downloads

## Recent versions

- 0.1.61 (latest) — 2023-08-22
- 0.0.0 — 2023-08-22

## README

# xdp 一站式快速开发平台

Onestop Rapid Development Platform

使用 vite3 + vue3 , axios pinia vue-i18n vue-router , ui 组件库： @arco-design/web-vue;
构建微前端框架，一站式快速开发平台

## 使用 vite 的插件，按需加载组件

vite.config.js :

```
import xdpui from "xdp/plugins/vite-plugin-xdp-ui.js"; // 按需加载xdp ui

return {
  plugins: [
    xdpui(), // 按需加载插件 - 按需加载xdp的组件
    vue(),
    ...
  ]
}

```

## 微前端 - Portal

vite.config.js :

```
import xdpui from "xdp/plugins/vite-plugin-xdp-ui.js"; // 按需加载xdp ui
import xdpPortal from "xdp/plugins/vite-plugin-xdp-portal.js"; // 使用xdp 微前端插件
import { name as appName } from "./package.json";
const env = {
  processEnv: process.env,
  isDev: mode === "development",
  port: 8800,
  appName, // 项目名称

  oslUrl: "//localhost:8000", // 项目部署地址
  oslBase: "/v3/xdp-osl", // 共享库 base
  path: "D:\\xf-web\\v3\\xdp-portal", // portal文件地址可以不设置
};

return {
  base: "", // 设置成 "" 必要
  plugins: [
    xdpui(), // 按需加载插件 - 按需加载xdp的组件
    vue(),
    ...
    xdpPortal(env) // 使用xdp 子产品 插件
  ]
}

```

## 微前端子产品 - sub App

vite.config.js :

```
import xdpui from "xdp/plugins/vite-plugin-xdp-ui.js"; // 按需加载xdp ui
import xdpApp from "xdp/plugins/vite-plugin-xdp-app.js"; // 使用xdp 微前端插件
import { name as appName } from "./package.json";

const env = {
  processEnv: process.env,
  isDev: mode === "development",
  port: 8021,
  appName,

  oslUrl: "//localhost:8000", // 项目部署地址
  oslBase: "/v3/xdp-osl", // 在线共享库地址
  portalBase: "/v3/xdp-portal", // portal 地址
  path: `D:\\xf-web\\v3\\app\\${appName}`, // 子产品发布的文件夹地址 可以为空
};

return {
  base: "", // 设置成 "" 必要
  plugins: [
    xdpui(), // 按需加载插件 - 按需加载xdp的组件
    vue(),
    ...
    xdpApp(env) // 使用xdp 子产品 插件
  ]
}


```

---
_Source: https://npm.io/package/xdp · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._