最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。 在 1 的基础上添加一些辅助功能，例如选择包管理器、npm 源等等。 实现插件化，可以自由的进行扩展。在…

我平时工作项目较多，所以我通过webpack搭建了自己的前端工程主要是编译stylus、jade、es6，

从前我总觉得脚手架是个很高大上的东西，好像得牛叉🐂一点的人才写的出来，可望而不可即。其实并不是因为困难使我们放弃，而是因为放弃才显得困难（这是个好词好句🙈）。只要你肯花个一天半天的时间✊，也能写出属于你自己的脚手架。 早前脚手架这个词是从 vue-cli 这里认识的，我们通…

在对webpack作者Tobias的采访中，当被问及能否推荐几个webpack最佳实践？作者如是回答：使用按需加载。非常简单，效果非常好。 移动端的雪碧图宽高会带有小数点导致不好处理，暂不考虑（如果你有好的方案，欢迎提供）。过小的图片可以转成base64格式内联进文件内，另外，…

本次时《创建Node脚手架》的第二节. 第一节中介绍了创建Node脚手架时常用的工具库. 详情请查看（上）。本节将一步一步开发一个Node工具, 实现的功能是: 类似create-react-app, 通过这个工具, 可以创建基本的react编程结构. clone一份前一节的项…

前端有各种各样的脚手架工具, 比如我们常用的vue-cli, create-react-app等工具. 为我们前端早期工程的开发, 带来极大的便利. 这么便利的node cli, 是不是特别想知道是如何开发的? 接下来, 为大家介绍一下怎样开发一个脚手架工具. （上）：主要介绍…

#!/usr/bin/env node，这一行是必须加的，就是让系统动态的去PATH目录中查找node来执行你的脚本文件。

写起来与常见的匹配文件文件夹模式类似。 至于配置方法，就是一般的webpack配置手段了。 jest是react现在最常用的测试库之一。 一般常见有两个地方进行config 设置。 主要是看个人喜好。 coverageReporters 一些report 模式。默认为 ["js…

最近因为公司组织上的变动，将我们负责的系统独立为一个部门，独立进行开发，之前所有的代码库和组件库以及npm私服等等的一套全部都要迁移到新的环境，为的就是独立开来。在此之前初到新环境一直都是在进行业务码农，照着需求无脑照搬，也是这次调整，开发人员变少了，大佬也没有了。突然有一种失…