在上一篇文章中介绍了前端工程化中脚手架工具，这篇文章作为前端工程化的第二部分，自动化构建。 一切重复工作本应自动化。 自动化构建是前端工程化中一个重要的组成部分。 自动化就是通过机器代替人工，构建就是将源代码转换为生产代码。 机器自动将源代码转换为生产代码的过程就是自动化构建工…

最近接手任务——使用nodejs开发一个公司内部使用的cli工具，简而言之就是输入一行命令快速搭建好项目结构，也可以通过不同的命令引入不同的文件。 首先要基于node环境,然后我们需要知道cli是什么？cli是command-line interface的缩写，即命令行工具，常…

像我们熟悉的 vue-cli，taro-cli 等脚手架，只需要输入简单的命令 taro init project，即可快速帮我们生成一个初始项目。在日常开发中，有一个脚手架工具可以用来提高工作效率。 减少重复性的工作，从零创建一个项目和文件。 根据交互动态生成项目结构和配置文…

笔者在开发 cli 的过程中，调研流行的 cli 并形成最佳实践，本文旨在用最短的篇幅实现主要功能，揭露核心原理，同时提供 demo 仓库与大家学习探讨。 一个命令，就可以把我预设的完整的工程目录创建好，特别方便效率。 上面雏形脚手架可以很好的服务于个人需求，但是毕竟过于干瘪和…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

前端发展太快了，在2004年之前，大概只要会网页三剑客（一套强大的网页编辑工具，最初是Macromedia公司开发的，由Dreamweaver、Fireworks、Flash三个软件组成）就很牛了，那时候前端还比较“纯洁“。在进入以Ajax为代表的异步刷新改进用户体验的Web …

本文将通过设计一个前端工程化解决方案的实际经验（踩过的坑）来教大家如何设计一个灵活可扩展的前端工程化解决方案。为了让大家更清晰地了解如此设计的前因后果，我将秉承不厌其详（LuoLiBaSuo）的态度讲解从最开始一步步的设计思路和过程。 我们团队最开始开发中后台项目用的是 cre…

本篇文章详细而又简短的介绍了：一名完全不了解 Docker 前端程序员，将全站 Docker 化的过程。内容主要包含： 而每次我想修改某个网站内容是十分麻烦的。拿大家熟悉的纯静态站点来说，修改过程如下： 网站太多，改动太频繁，而每次不管多小的改动都很麻烦。简直让我感觉自己在维护…