# dndc-pudge-basic

> ## 安装依赖

Latest version **1.1.121** (published 2021-12-08) · ISC license · 0 weekly downloads

## Install

```sh
npm install dndc-pudge-basic
pnpm add dndc-pudge-basic
yarn add dndc-pudge-basic
bun add dndc-pudge-basic
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.121 |
| Published | 2021-12-08 |
| First published | 2021-12-08 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 17 |
| Unpacked size | 990.5 KB |
| Known vulnerabilities | 0 (+24 in 2 direct dependencies) |
| Install scripts | no |
| Author | dndc |
| Maintainers | dndcchebba |

## Links

- npm: https://www.npmjs.com/package/dndc-pudge-basic
- npm.io page: https://npm.io/package/dndc-pudge-basic

## Dependencies (17)

- [dumi](https://npm.io/package/dumi.md) ^1.1.0
- [axios](https://npm.io/package/axios.md) ^0.21.1
- [react](https://npm.io/package/react.md) ^16.12.0
- [ahooks](https://npm.io/package/ahooks.md) ^2.9.3
- [styled](https://npm.io/package/styled.md) ^1.0.0
- [swiper](https://npm.io/package/swiper.md) 5.4.5
- [uuidjs](https://npm.io/package/uuidjs.md) ^4.2.6
- [rc-animate](https://npm.io/package/rc-animate.md) ^3.1.1
- [react-color](https://npm.io/package/react-color.md) ^2.19.3
- [video-react](https://npm.io/package/video-react.md) ^0.14.1
- [@types/react](https://npm.io/package/@types/react.md) ^16.9.49
- [braft-editor](https://npm.io/package/braft-editor.md) ^2.3.9
- [react-motion](https://npm.io/package/react-motion.md) ^0.5.2
- [react-scroll](https://npm.io/package/react-scroll.md) ^1.8.1
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.11.2
- [react-lazyload](https://npm.io/package/react-lazyload.md) ^3.1.0
- [styled-components](https://npm.io/package/styled-components.md) ^5.1.1

## Recent versions

- 1.1.121 (latest) — 2021-12-08

## README

# react 组件库脚手架

## 安装依赖

- node.js 需要 10 以上的版本,下面提供 nvm 方式安装

```shell
$ nvm install 10.16.3
$ nvm use 10.16.3
# 设置默认node版本
$ nvm alias default v10.16.3
# npm 设置淘宝源
$ npm config set registry https://registry.npm.taobao.org
```

- 本地开发

```shell
# 依赖包安装
$ npm install
# 启动开发环境
$ npm run start
# changelog生成
$ npm run changelog
```

- 发布

```
npm run build
git tag -a 1.0.1 -m '备注'
git push origin 1.0.1
```

## 模块调试

特定场景需要在应用项目调试模块，
又不想每次提交 git，再执行`npm i`命令来查看效果，导致效率低。
可以使用`yarn link`

```
 // 进入私有包目录
 cd pudge
 // 创建`link`
 yarn link
 // 进入项目目录
 cd ../chebaba
 // 将`@dndc/pudge-basic` link到项目
 yarn link @dndc/pudge-basic
 // 取消link
 yarn unlink @dndc/pudge-basic
```

## FAQ

#### package.json 中的 module 作用？

早期 npm 包基于`commonJS`规范,形式如下

```
"name": "@dndc/pudge-basic",
"version": "1.0.0",
"main": "lib/index.js",
```

当`require('@dndc/pudge-basic')`的时候，会根据`main`字段查找入口文件.
而`es2015`,`js`拥有了`ES Module`,比之前的模块化方案更加优雅。 其中一个优点`tree shaking`能把我们我们`JS`中无用的代码去掉。

`commonJS`规范的包是以 main 字段表示入口文件，如果使用`ES Module`也用`main`字段，会造成冲突，
所以添加`module`，形式如下

```
"name": "@dndc/pudge-basic",
"version": "1.0.0",
"main": "lib/index.js",
"module": "es/index.js",
```

`webpack`从版本 2 开始也可以识别`pkg.module`字段。
如果存在`module`字段，会优先使用。

## 参考链接

- [dumi](https://d.umijs.org/)
- [Ant Design](https://ant.design/docs/react/introduce-cn)
- [UmiJS](https://umijs.org/zh-CN/docs)

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