首先来简单介绍一下webpack：现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个会映射项目所需的每个模块 的依赖图(dependency graph)，并生成一个或多个 bundle。webpack4.0出现之后，…

随着公司各端的业务进行，前端方面会沉淀出一些通用的解决方案和模板。此时，统一维护和管理就非常有必要了。allen-cli就是基于这样的场景而诞生的。 输入allen init命令选择一个脚手架模版进行下载，然后创建对应的app。 动态选择构建环境，适配移动端等不同情况。 1. …

最近在研究前端工程化的一些东西， 那就得有自己的一套脚手架， 于是瞄上了vue-cli， 也看了下create-react-app， 感觉vue-cli更符合我的预期， 于是撸了遍源码， 写了个小demo脚手架。 我们先了解下如何使用vue-cli， 再详细讲解每一步的实现。 …

H5页面由于其具有发布灵活、跨平台、易于传播等突出特点，所以H5页面是引流拉新、宣传推广的重要渠道和方式，备受各公司的青睐。 所以开发测试期间，部署效率就显得特别重要了。 由于我司的CDN发布平台，需要手动创建模板、粘贴代码，部署效率比较低下；并且活动页面代码分散，无法统一管理…

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

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