盘盘前端脚手架的那些事儿

出现，让前端工程化的理念不断深入，正在向正规军靠近。先是带来了Gulp、Webpack等强大的构建工具，随后又出现了vue-cli和create-react-app等完善的脚手架，提供了完整的项目架构，让我们可以更多的关注业务，而不必在项目基础设施上花费大量时间。

但是，这些现成的脚手架未必就能满足我们的业务需求，也未必是最佳实践，这时我们就可以自己来开发一个脚手架。当然，这其实很简单，利用npm上现成的轮子就可以搞定，这里做个记录，仅当备忘，以抛砖引玉。

缘起

在上半年的一个项目中需要自定义一个脚手架，来帮助小伙伴们提高开发效率，统一代码输出质量，并解决一些使用上的问题，当然也是为了装装逼。

在使用脚手架方式构建之前，我们遇到了这几个问题：

•  每个项目创建的时候，需要去Git仓库拉取项目模板或者拷贝之前的项目，这样做有两个问题
  •   从Git拉取项目后，由于部分人员是有推送权限的，如果他误操作将私有项目中的修改推送到了模板仓库，可能会破坏Git上的项目模板
  •   从之前项目拷贝就无法获取最新的项目模板，这就导致有些问题明明在最新的模板中已经修复，却在新项目中依然存在
•  项目模板需要填写一些配置信息，开发人员很容易忘记填写

所以我们来解决这些问题，思路如下：

•  从Git上拉取最新模板，最后干掉Git仓库信息，切断和远程仓库的关联
•  在初始化时，通过问答方式强制让使用者输入配置信息，再根据配置信息生成配置文件，有点类似VueCli初始化项目那样。

当然，除了上述需求，我们还可以再做些额外工作：

（编辑：吉安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!