前端工程化

在实际开发中，特别是后台管理系统，有很多相似的代码实现。于是乎，我们可以实现一个快速生成web代码模板的工具，告别复制/粘贴。

日常工作中，一个好用的web工程通用脚手架工具可以在很大程度上做到提高开发效率，降低成本以及保证质量。

本文会以一个react插件为例，经历开发工程搭建—插件编写—npm打包发布等一系列步骤，和小伙伴们一起开发一个npm插件。

我们在开发时，有时需要进行npm源的切换。nrm和yrm作为npm / yarn的镜像源管理工具，可以快速地在 npm 源间切换，提高我们的效率。

我们平时项目开发中，经常会有很多类似的代码文件，而我们在使用的时候也会经常的去复制粘贴。为此我之前也写过一篇文章，探讨过提高开发效率的方法，但是说实话，也并不是很好用。 看如今火热的前端框架，都有自己的CLI工具，例如Vue CLI，creat-react-app等等，搭建项目…

相信在我们日常遇到的项目中，无论是在前端网站还是后台管理系统中都会有功能类似的页面。我们在开发这些功能类似的页面的时候，为了提高效率，一般都会运用我们的CV大法。但是当我们CV久了之后，会不会觉得这样的开发方式有些许枯燥？我们能不能通过代码来生成代码，进一步提高我们的效率呢？下…