hiynn-com / hiynn-design

海云前端标准化组件库

Hiynn Design

Introduction

海云标准化平台组件库是制订公司的前端框架标准和规范，目的是为了提升前端开发效率节省开发时间

Install

yarn add hiynn-design
npm install hiynn-design

Usage

import {HdLayout, HdMaster} from 'hiynn-design'
ReactDOM.render(<HdLayout />, mountNode);

And import style manually:

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

Note

文件夹 dist、es 和 lib 是通过 umd、es 和 commonjs 打包的，而 docs 是在线预览文件夹

• yarn build:css -> es|lib|dist
• yarn build:umd -> dist
• yarn build:es -> es
• yarn build:commonjs -> lib
• yarn start -> src(本地预览)
• yarn build:prod -> docs(在线预览，需通过 gh-pages 推送到 github)

�Learning

• 教程：使用 umd、commonjs 和 es 三种模式制作自己的 React 组件(库)
• 前端 20 个灵魂拷问 彻底搞明白你就是中级前端工程师 【中篇】
• JS 模块化 CommonJS/AMD/CMD/UMD/ES6Module 的区别
• 前端构建工具发展及其比较

遗留问题

• 在使用gulp编译组件的时候，打包到lib文件夹下的css.js文件没有进行commonjs的编译

License

Hiynn Design is MIT licensed.

Contact me

[e-mail]