https://github.com/zhangwei900808/hiynn-package-js

海云前端三种模式打包培训
https://github.com/zhangwei900808/hiynn-package-js

Last synced: about 1 month ago
JSON representation

海云前端三种模式打包培训

• Host: GitHub
• URL: https://github.com/zhangwei900808/hiynn-package-js
• Owner: zhangwei900808
• License: other
• Created: 2019-08-22T08:15:27.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T03:00:46.000Z (about 2 years ago)
• Last Synced: 2024-08-10T05:17:41.743Z (4 months ago)
• Language: JavaScript
• Homepage: http://awbeci.xyz/hiynn-package-js/
• Size: 12.8 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/zhangwei900808/hiynn-package-js)

[![npm version](https://img.shields.io/npm/v/hiynn-package.svg)](https://www.npmjs.com/package/hiynn-package)

[![NPM downloads](http://img.shields.io/npm/dm/hiynn-package.svg?style=flat-square)](http://npmjs.com/hiynn-package)



Hiynn Package


## Install

```

yarn add hiynn-package

npm install hiynn-package

```

## Usage

```

import {Demo} from 'hiynn-package'

ReactDOM.render(, mountNode);

```

And import style manually:

```

import 'hiynn-package/dist/hiynn-package.css';

```

### Note

文件夹 dist、es 和 lib 是通过 umd、es 和 commonjs 打包的，而 docs 是文档用的文件夹

1. umd -> dist

2. es -> es

3. commonjs -> lib

4. prod -> docs

### Learning

- [教程：使用 umd、commonjs 和 es 三种模式制作自己的 React 组件(库)](https://segmentfault.com/a/1190000020093455)

- [前端 20 个灵魂拷问 彻底搞明白你就是中级前端工程师 【中篇】](https://segmentfault.com/a/1190000020144498)

- [JS 模块化 CommonJS/AMD/CMD/UMD/ES6Module 的区别](https://www.cnblogs.com/weiqinl/p/9940549.html)

- [前端构建工具发展及其比较](https://juejin.im/entry/5ae5c8c9f265da0b9f400d8e)

### License

Hiynn Package is [MIT licensed](./LICENSE).

### Contact me

> [email protected]