# jd-plusui

> 1、在代码库中执行 npm link

Latest version **0.1.4** (published 2020-07-30) · 0 weekly downloads

## Install

```sh
npm install jd-plusui
pnpm add jd-plusui
yarn add jd-plusui
bun add jd-plusui
```

## 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.4 |
| Published | 2020-07-30 |
| First published | 2020-07-20 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 7 |
| Unpacked size | 544.6 KB |
| Known vulnerabilities | 0 (+25 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | zhenyulei |

## Links

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

## Dependencies (7)

- [axios](https://npm.io/package/axios.md) ^0.19.1
- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [gatsby-plugin-sass](https://npm.io/package/gatsby-plugin-sass.md) ^2.3.12
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^9.3.2
- [react-transition-group](https://npm.io/package/react-transition-group.md) ^4.3.0
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^4.2.4
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^7.1.2

## Recent versions

- 0.1.4 (latest) — 2020-07-30
- 0.1.3 — 2020-07-30
- 0.1.2 — 2020-07-28
- 0.1.1 — 2020-07-28
- 0.1.0 — 2020-07-20

## README

### npm link

1、在代码库中执行 npm link

2、在代码库中执行 npm link ../../myapp2/node_modules/react

3、在项目中执行 npm link reactui

docz 部署问题

```js
http://storage.jd.com/jdplus/react-ui-demo/   index.html----生成路径
http://storage.jd.com/                       static/js/app.39fc221f.js----要求路径
http://storage.jd.com/jdplus/react-ui-demo/  static/js/app.39fc221f.js----生成路径
src="/app-df01096936b458cb7285.js"----代码中
```

-------
组件名字： name
author: 
1 新增 
```js
src/components/${name}/style/index.scss
// @import '../../../styles/index.scss';
 
src/components/${name}/${name}.mdx

// ---
// name: Menu
// route: /menu
// menu: 业务组件
// ---
// > Menu菜单组件

src/components/${name}/${name}.tsx

import React, { FC } from 'react';
import classNames from 'classnames'

// interface BaseProps{
//     className?:string,//自定义类名
// }

//  const Button:FC<BaseProps> = (props)=>{
//   const {
//     className
//   } = props;
//   const classes = classNames('btn',className);

//   return (
//     <div className={classes}>
//     </div>
//   )
// }
// Button.defaultProps = {
// }
// export default Button;

src/components/${name}/${name}.test.tsx

src/components/${name}/index.tsx

// import Button from './button'
// import './style/index.scss'
// export default Button 
```

2.追加

```js
{
    "packages":[
        {
            "name":"button",
            "author":"zhenyulei"
        },
        {
            "name":"menu",
            "author":"zhenyulei"
        }
    ]
}
```
export { default as Button } from './components/Button'



### treeshaking 如果不设置sideEffect 就会导致css文件也被删除

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