构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到一系统性的建立构建知识体系。

1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用

对于前端的部署来说，其实主要就是将编译后的工程化项目（以vue来说就是将npm run build的dist文件夹）直接部署到对应的服务器的指定目录下即可，其他的内容我们暂时不在此处做过多的讲解。 因此，目前一般会使用SFTP工具（如：FileZilla：https://www…

什么叫前端工程化 在回答这个问题之前，我先回顾一下前端的历史。大约78年前，前端工程师还不是一个受人重视的职位，日常工作也就是切个图，使用JQuery写个脚本，从某种意义上讲，只是后端的附属物。最近几年，尤其是在nodejs出现之后，前端越来越受到重视，甚至已经开始抢占了后端的…

AST 是一个非常基础但是同时非常重要的知识点，我们熟知的 TypeScript、babel、webpack、vue-cli 得都是依赖 AST 进行开发的。本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 第一次看见 AST 这个概念的时候还是在《…

由于现在开发中，前端可以负责的范围越来越大，早已不是仅限制于网页。像 App、小程序、甚至桌面应用，都可以使用前端技术来开发。 所以原来通过前端写 Demo，后端套数据的模式早就无法支持现代多元化前端开发。 前端工程化就是在这个背景下成为了受人重视的技术，并且是目前前端开发必备…

为了解决上述问题，脚手架就起到一个至关重要的角色，我们可以通过脚手架来约束好规范，统一的配置，来打通新项目的开发工具链，一方面提升开发效率，一方面则提高项目对接可维护性及新员工熟悉项目简易性。