笔者作为公司的一名前端架构师，先后经历过各种大中小型前端项目，将自己的经验总结如下，从空文件到项目上线到后续维护。欢迎各位前端小伙伴Review，有不对地方请指出，互相学习 编码规范 开篇最重要的不是

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗？Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…

第一部分：基础概念 一、效率瓶颈 我们首先得知道为什么出现了热更新这么一个东西，知其然也要知其所以然，简单来说就是效率的瓶颈。 前端开发如何提升效率？也就是说单位时间内产出的产品更多，质量更好！ 当然

所以，大家是不是已经发现痛点了： 人工做的重复工作太多，耗时费力，如压缩打包上传等 代码可维护性差，将可复用的代码到处复制，不能保证代码的一致性，想要更新的时候得挨个改 要时刻考虑上古难题兼容性

前端工程化，就是降本提效的体现，广义上，前端工程化包含一切以降低成本、提高效率、保障质量为目的的手段

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

提起 AST 抽象语法树，大家可能并不感冒。但是提到它的使用场景，也许会让你大吃一惊。原来它一直在你左右与你相伴，而你却不知。

说起编译原理，印象往往只停留在本科时那些枯燥的课程和晦涩的概念。作为前端开发者，编译原理似乎离我们很远，对它的理解很可能仅仅局限于“抽象语法树（AST）”。但这仅仅是个开头而已。编译原理的使用，甚至能让我们利用JS直接写一个能运行JS代码的解释器。