前端架构的思考

写这个文章的原因，是想要解决多项目长期迭代下，如何更好的规范化开发流程、和如何提高开发效率，前端代码如何更好的重用，和解决代码沉淀的问题。

我们先把问题抛出来；

1、合适多项目多页面，包括多种开发框架的前端架构是什么样的？

2、如何规范化开发流程？

3、多项目中如何使代码达到最大化的重用，且不繁琐？

4、开发人员多，如何落实并且都按照这个规范开发？

有了问题，我们下面就来一个个分析并尝试解决；

1、合适多项目多页面，包括多种开发框架的前端架构是什么样的？

我想要达到的效果是，我可以手动选择需要启动的那个项目；如：

npm run dev name=mall

我也可以手动build我需要的项目；如：

npm run build name=mall

我的多项目中，框架不受限制，可以是vue、react、jquery，甚至是可以是小程序。
我的每个项目，可以单页面应用，也可以是多页面应用。

最重要的是我想要项目中的方法或组件可以公用。

当多项目整合成一个项目的时候，有很多事情需要解决；

• 每个项目的域名、api接口不一样
• 如何更方便的开发、联调、发布生产
• pc项目不需要rem to px

好，下面我们开始设计架构。