大家好，欢迎来到停止重构的频道，在前面介绍前端架构的相关问题时，我们都偏向于网页原生开发，而并不推荐vue-cli、react-cli等脚手架工具，也没有介绍npm、路由、状态管理等一系列工具期间收到了过时、淘汰、原生开发更复杂等质疑，这些质疑源于违背了一部分人的基本认知。
但是我们的目的不在于否定这些工具，而在于提出我们认为更加简单有效的解决方案。而这些简单有效的解决方案都已汇聚到我们的自研前端原生模块化框架（Trick）之中，经过5年的研发调整和多个项目试验，这个框架能在前端开发人员数量较少、经验较低的情况下，开发出质量较高的前端项目。
我们做到了
保持原生开发，1天就能上手
原生模块化开发，模块可以单独运行或调试，而无需引入页面后才可运行
只约束主要的开发规则，不做多余的事情，基础依赖、框架如vue.js、BootStrap等都是可以自由替换的
工程内无任何深度封装和不可见代码，团队甚至可以根据自身习惯调整框架
1、框架研发背景
在介绍这套框架之前，我们先来聊一下框架的研发背景。我们也使用过npm、脚手架、typescript、路由、状态管理等工具开发过几个中大型项目（项目中的前端团队基本都在5-20人左右），早在年我们就开始使用typescript、angular2，当时这些工具只发布了几个月。
之后几年间，我们也调整过基础技术，尝试vue、react全家桶等工具，但是每一个项目的结果都是差不多的，一开始开发较快，但一旦进入优化阶段、性能调优阶段，又或者需求变更、UI改版时就会出现各种问题，很多代码都需要重写，一些问题甚至花很长时间都解决不了，项目到最后都是乱糟的。
你可能会说团队素质、能力不行，只要团队的人都熟悉这些工具就不会出现这样的问题了，一开始，我们也是这么认为的我们相信团队做的项目越来越多，项目质量会越来越好，但实际情况是，团队人员永远是动态的技术好的人会升职，技术成长起来的人会想跳槽。所以项目永远都不好做，都是乱糟的，你可能会说，那是公司不够大，项目不够好那你可能是天真了，所有公司、项目都是资源有限的，最多，也就是问题的程度有所区别。
一系列脚手架工具给前端带来更好的代码组织、开发方式的同时也提升了学习难度和存在一大片代码盲区，而这些都会对项目造成影响，项目延期、成本超预算等。
我们决定探原生模块化框架是因为一个工程师的一句话他说：我顶多就是个搬砖的，本来完成功能就很赶了，还要按UI设计修改细节，加上bug修正、功能变更，天天事情这么多，哪来时间深入学习这些工具，给你搞出来不错了，这虽然是抱怨的话，但是却提醒了我们一个道理，生产就是生产，简单快捷地开发不好吗？而且这些工具并不是所有人都能用好，原生网页开发不是不好，只是缺少了模块化的方式，以及较优的代码组织方式，那么，做一套这样的原生模块化框架不就好了吗？之后，我们开始着手研发这套框架并已经在多个项目中缩减了项目成本，故事就先讲到这里。
下面介绍一下这套前端模块化框架，我们的