简介
React-componenator 是一个轻量级的 React 组件库生成器，它可以快速生成一个基于 React 的组件库，只需要编写最基本的代码即可生成漂亮且易于维护的组件库。
安装
React-componenator 是一个 npm 包，安装非常简单，只需要在终端中输入以下命令即可：
npm install react-componenator --save-dev
使用
安装完成后，你需要在项目根目录下创建一个名为 componenator.config.js 的配置文件，该文件用于配置 React-componenator 的生成规则。
以下是一个基本的 componenator.config.js 配置示例：
-- -------------------- ---- -------
-------------- - -
----------- ------------------------------
------- ---------
------ ----------
---------- -
---------- -------------------------------
------ ---------------------------
------ --------------------------
-
--上述配置的作用分别是：
components: 组件的位置。默认组件包含在/src/components下，此处匹配所有名字首字母大写的 js 文件。outDir: 组件生成的目标目录。theme: 使用的主题文件路径。templates: 自定义生成组件的模板文件。
示例
下面我们根据上面的配置创建一个简单的示例：
首先，我们需要在 src/components 目录下创建一个名为 Button.js 的组件文件，并添加以下代码：
-- -------------------- ---- -------
------ ----- ---- --------
----- ------ - -- -- -
------ -
------------- ------------
--
--
------ ------- -------然后，我们需要在 componenator.config.js 文件中加入以下代码，生成组件库：
-- -------------------- ---- -------
-------------- - -
----------- ------------------------------
------- ---------
------ ----------
---------- -
---------- -------------------------------
------ ---------------------------
------ --------------------------
-
--最后，我们在终端中输入以下命令：
npx componenator
等待几秒钟，就能在 dist 目录下得到一个生成的组件库。
如果一切顺利，你将在生成的组件库中找到我们刚刚创建的 Button 组件。
结语
React-componenator 是一个非常实用的工具，它可以大大提高我们编写组件库的效率。希望本文对初学者有所帮助，更多使用方法请参阅文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067355890c4f7277583b14