一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第28天,点击查看活动详情。
脚手架工具通常可以用来快速生成一个框架类型的项目,可以把一些常规的东西放进去,生成一些标准化的目录与文件,可以将现有的前端方案给整体封装起来。
通常我们可以在脚手架里封装多个模版,用来封装多套不同的前端方案。
常用的脚手架生成工具,可以借助yeoman来实现,这样成本是最低的。
yeoman是用来干嘛用的?yeoman是一个通用的脚手架系统,可以自己创建一些generator来创建模版项目,而且不同的generator也可以组合使用。使用yeoman,首先我们需要自行安装yeoman: npm install yo
可以通过yo命令去创建自己的项目。但是在使用之前,首先要确保本地已经安装了对应的generator, 可以通过本地执行yo -generators 查看已经安装的generators。
要使用一个generator,首先需要全局安装,然后才能使用。
我们如何自己建一个模版generator呢,可以自己建一个。首先我们需要建一个npm模块,然后建一个生成器目录,安装yeoman-generators 包,然后创建generator目录,把自己想要生成的模版内容塞进去。具体可以参考官方文档里说明。
创建一个generator之后,我们如何发布,让其它人去使用它呢,需要把generatos发布到公司的私有npm或者公网的npm包,这样,其它人就可以把它下载到本地并全局安装,然后利用本地的yo命令就能安装到这个全局的generator模版。
脚手架的工作原理是什么?很简单,其实就是拿到模版文件,然后返回给用户;稍微复杂一点就是通过交互式命令,然后将用户输入的内容注入到模版的指定位置当中。
yeoman虽然很灵活,但是不够简单,通常我们也可以自己去实现一下,然后在yeoman的基础上进行一层封装,这样可以让用户使用更为方便快捷。