# @radjs/ui-builder

> Umi UI plugin umd builder based on webpack 5

Latest version **0.0.8** (published 2020-12-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install @radjs/ui-builder
pnpm add @radjs/ui-builder
yarn add @radjs/ui-builder
bun add @radjs/ui-builder
```

Provides the command `ui-build`.

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.8 |
| Published | 2020-12-21 |
| First published | 2020-12-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 15 |
| Unpacked size | 8.5 KB |
| Known vulnerabilities | 0 (+8 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | zxblovelc |

## Links

- npm: https://www.npmjs.com/package/@radjs/ui-builder
- Repository: https://github.com/umijs/ui
- Homepage: http://github.com/umijs/ui/tree/master/packages/ui-builder
- Issues: http://github.com/umijs/ui/issues
- npm.io page: https://npm.io/package/@radjs/ui-builder

## Dependencies (15)

- [less](https://npm.io/package/less.md) 3.11.1
- [rimraf](https://npm.io/package/rimraf.md) ^3.0.2
- [postcss](https://npm.io/package/postcss.md) 7.0.27
- [webpack](https://npm.io/package/webpack.md) 5.0.0-beta.16
- [css-loader](https://npm.io/package/css-loader.md) 3.4.2
- [less-loader](https://npm.io/package/less-loader.md) 5.0.0
- [babel-loader](https://npm.io/package/babel-loader.md) 8.0.6
- [style-loader](https://npm.io/package/style-loader.md) 1.1.3
- [yargs-parser](https://npm.io/package/yargs-parser.md) 18.1.1
- [postcss-loader](https://npm.io/package/postcss-loader.md) 3.0.0
- [@radjs/ui-theme](https://npm.io/package/@radjs/ui-theme.md) 1.0.1-beta.2
- [postcss-preset-env](https://npm.io/package/postcss-preset-env.md) 6.7.0
- [terser-webpack-plugin](https://npm.io/package/terser-webpack-plugin.md) 2.3.5
- [postcss-flexbugs-fixes](https://npm.io/package/postcss-flexbugs-fixes.md) 4.2.0
- [@umijs/babel-preset-umi](https://npm.io/package/@umijs/babel-preset-umi.md) 3.0.14

## Recent versions

- 0.0.8 (latest) — 2020-12-21
- 0.0.7 — 2020-12-21
- 0.0.6 — 2020-12-18

## README

# @radjs/ui-builder

用于 Umi UI 插件前端构建打包。

### 发布注意
* 需提前生成lib目录

## 约定

Umi UI 插件目录大致是这样，约定 `ui/index.(tsx|jsx)` 作为 UI 插件入口：

```bash
- umi-plugin-ui-bar
  - dist # ui 插件产物
    - index.umd.js
  - lib # 插件产物
    -index.js
  - src # 插件目录
    - index.ts
  - ui # ui 目录
    - index.tsx
  - package.json
  - .fatherrc.ts # father-build 构建 src 下 cjs
  - tsconfig.json
```

## 使用

安装

```bash
$ yarn add @radjs/ui-builder -D
```

在插件根目录 `package.json`，添加 `ui-build`：

```json
{
  "name": "umi-plugin-ui-bar",
  "scripts": {
    "ui:build": "ui-build"
  }
}
```

### 多 UI 插件

如果一插件里包括多个 ui umd 插件包，可以在根目录下配置 `ui.config.js`：

```js
module.exports = {
  entry: {
    bar: 'ui/bar.tsx',
    foo: 'ui/foo.tsx',
  },
  // less theme vars
  theme: {

  },
}
```

打包后会有以下产物：

```bash
- dist
  - bar.umd.js
  - foo.umd.js
```

### 开发模式

工具提供开发模式，只需在 `ui-build` 后加上 `-w` 或 `--watch`，即启动 watch 模式，改动相关文件即重构建：

```bash
$ npx ui-build
🎉 ui build success

$ npx ui-build -w
🌈 [watch] ui build success
```

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