一分钟学会批量生成模版文件--- 前端工程化plop的基础使用

194 阅读1分钟

前言:plop 作为前端工程化的一个小型工具,其作用更加类似于yeoman 的sub Generator 的模块,即在原来的项目的基础上,动态批量的生成类似的项目文件。相比来说plop使用更加的方便简洁,在入口文件的配置上,和yeoman 也比较类似。以下就是简单的使用方法。在原有的react 项目基础文件上生成基础项目代码。

一、准备原有基础的一个react 基础项目,安装plop 依赖

yarn add plop --dev

二、在项目的根目录下面创建plopfile.js 入口文件,并写入以下内容。

image.png

三、根据自己需求在模版文件写入自己的代码,例如如图,可以使用{{}}来动态修改某些值,name 的值就是用户输入的值。

image.png

四、运行命令行,根据提示输入信息即可

yarn plop 'chenCom' //你的plop 的项目名
根据命令行提示输入信息,即可生成对应文件