前言
随着 React 技术的日渐成熟，React 组件库也逐渐增多。越来越多的开发者开始制作自己的组件库并且发布到 npm。但每个开发者都不想从头开始一个组件库，而是想尽可能快速地使用已经成型的自定义组件库。
本文介绍一个方便的命令行工具，称作 react.gen，可以帮助开发者快速创建和使用自己的 React 组件库。
安装
使用 npm 进行安装：
npm install -g react.gen
创建新项目
首先需要创建一个新的项目。
react.gen new my-react-library
这将会在当前目录下创建一个名为 my-react-library 的新项目。这个项目对应的文件夹包含了最简单的 React 项目所需的所有文件。
添加组件
使用以下命令来添加一个新的组件：
react.gen component MyComponent
这将会在 my-react-library/src/components/ 目录下创建一个名为 MyComponent 的新文件夹，包含一个 index.js 和一个 MyComponent.jsx 文件。
接下来可以在 MyComponent.jsx 文件中定义你的组件。
-- -------------------- ---- -------
------ ----- ---- --------
----- ----------- ------- --------------- -
-------- -
------ ---------- -------------
-
-
------ ------- ------------编译
在 my-react-library/ 目录下执行以下命令进行编译：
npm run build
这将会执行 my-react-library/rollup.config.js 中的配置，将组件库编译成一个 my-react-library/dist/my-react-library.js 文件。
使用组件
使用以下命令将本地的 my-react-library 安装到你的项目中：
npm install ../path/to/my-react-library
然后在你的应用中引用组件即可。
-- -------------------- ---- -------
------ ----- ---- --------
------ ----------- ---- -------------------
----- --- ------- --------------- -
-------- -
------ ------------ ---
-
-
------ ------- ----总结
使用 react.gen 工具可以快速创建和使用自己的 React 组件库，极大地提高了开发效率。本文介绍了如何创建新项目、添加组件、编译和使用组件等。
使用 react.gen 工具可以快速创建和使用自己的 React 组件库，极大地提高了开发效率。本文介绍了如何创建新项目、添加组件、编译和使用组件等。
在你的下一个项目中，如果需要使用自定义的 React 组件库，不妨试试使用 react.gen。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cd981e8991b448e6802