前端工程化，很多人一听到这个词，想到的就是 `webpack`；基于现在的环境，这种想法不能说它是错的，但也不是很对，毕竟前端工程化的概念比 `webpack` 要大的多。

⚠️ 本文为掘金社区首发签约文章，未获授权禁止转载 前言 前端工程化的实战目前已经到了第三篇，在前两篇中已经分别搭建了一个简单的 React 脚手架与一个初步可用的 CLI 工具。 在基础脚手架搭建完

关注公众号玩相机的程序员，第一时间阅读最新文章。 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供了终端命令行工具、零配置脚手架、插件体系、图形化管理界面等。本文暂且只分析项目初始化部分，也就是终端命令行工具的实现。 0. 用法 目前 Vue CLI 同时…

前言 去年同期写过一个基于 Node 的 DevOps 系列，但是整个项目工程非常大，上手成本比较高，对于一些中小型团队或者新手参考的意义不算多，所以针对这些群体重启了一个新的工程化系列。 新的系列将

然而入门简单并不意味着前端这碗饭很好吃，做惯了切图、布局、扣特效的前端新同学在向前发展的路上越来越觉得吃力，而没有任何编程思想和软件开发基础很多人对前端工程化、组件化、模块化、自动化、MVC、MVVC

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点，以便开发者们更好的将npm运用在实际开发中。 1. npm 处理 node_modules 目…

得益于 babel 强大的转译能力我们无需再担心项目的兼容性问题。但是 babel 不只是一款帮助我们处理代码兼容性的工具，我们还可以借助它的插件化能力完成日常工作中一些重复、繁琐的工作。本文将笔者从

网上关于babel兼容性实现方案的剖析有很多，但大部分剖析案例已经不适用于现在的babel生态。作者在最新babel7的基础上，不断编译验证，发现跟网上大部分剖析文案还是有很大不同。所以，输出本文的目

写这篇文章的契机呢，是因为笔者即将要做一个超级超级超级大项目，前期希望把前端基建的一些东西给搭建好，所以想着做一个脚手架工具，将基建的东西集成到模板中去，达到一个规范和提效的目的