手写前端自动化构建工具

  目录

写一个自己的前端自动化构建工具

手写前端自动化构建工具

现在我们使用vue,react等框架来开发已经很普遍了,当我们初始化一个项目的时候,是不是在命令行下按照提示一步一步的操作,最后在本地生成了一个现成的项目,是不是感觉很快捷,很方便,用来生成这个项目的工具就叫做构建工具(有的也称之为脚手架工具)。
我现在需要在命令行下进行各种操作,交互,npm上已经有人写好了这类工具,常用的就是commander和inquirer,使用它们来开发脚手架,真的是好简单。
我写了两个小demo,一个是围绕着commander,另一个则是围绕inquirer。
这两个小例子都很简单,可以根据具体的要求组合到一起。
点这里看源码
select-list.js这个文件的功能是,可以根据列表的上下选择,下载github上对应的项目模板。
init-commander.js这个文件的功能是,命令行里传入的文件夹名和文件名来生成新项目文件。
题外话,这里还可以制作成系统命令,在package.json里的bin字段下。
如果,都配置好了,就可以使用

1
npm link

这个命令,把bin字段下的内容生成系统命令,这是一种方式来生成系统命令,另一种应该是把这个项目发布到npm上,安装的时候直接全局安装就可以喽。