Hunly_

去年初，我写了一个开源项目electron-egg，需要搭建一个文档站点，然后开始折腾。 经历了一系列繁杂的操作后，我发现独立博客和文档类网站这个市场，正慢慢的发生着变化....

哈喽，大家好，又和大家见面了。这是一期关于用Vuepress搭建博客的教程文章，事情的起因还得从我上周发的一篇沸点说起。 因此，不负广大掘友众望，这篇教程如约而至。...

本文详细讲述了前端eslint配置的各个配置项和队形的属性，并将配置作为独立仓库使用npm打包发布。如此，便可以在前端项目中引入配置eslint工程了。...

不以规矩，不能成方圆。 由于某些原因，笔者有幸经历了团队从缺乏标准到逐渐规范的一个过程，在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如...

某日周五下午五点，鄙人正逛着沸点，盘算着今天基金大涨晚上必须得整点好的。 正浏览着下班后去哪家店撸串，结果隔壁组同事囧着脸过来问我：大哥，赶紧过去帮忙看个问题！客户反馈很多...

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 W...

本文将从前端模块化的发展历史出发，逐步探讨`CommonJS`规范 和 `ES Module`规范之间的异同，最后将深入模块化内部原理进行多维度剖析，彻底弄懂 Web环境下...

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

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家...

编译 TypeScript 代码用什么编译器？ 那还用说，肯定是 ts 自带的 compiler 呀。 但其实 babel 也能编译 ts 代码，那用 babel 和 ts...

随着 Nodejs 的崛起，编译这个昔日在 Java、C++ 等语言中流行的词，在前端也逐渐火了起来，现在一个前端项目在开发过程中没有编译环节，总感觉这个项目是没有灵魂的。...

我第一次打开搜索引擎查询关于 Babel 的资料时，出现的竟然是关于 Babel 的传说。后来我花了小一天的时间去了解这个传说（来自《旧约圣经》）。 了解完这个神话之后，我...

弄清楚这几个包，Babel就差不多理解80%了。文章已经梳理好平时项目中Babel经常用到的几个包，带你一步步看懂Babel官网文档，解答官网中容易蒙圈的地方...

告别复制粘贴，读完这篇文章，你会对Babel各配置有一个系统的理解，并且还可以自己配置一个Babel...

随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构...

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个...

webpack4可以零配置打包，webpack4会默认对src目录下的index.js文件打包。 现在运行npx webapck，可以在demo1目录下看到dist目录，d...

有兴趣的可以了解一下，目前还在写作中。 单元测试是用来测试程序中一小块功能的，比如说一个函数、一个类。它能很显著地提高项目的代码质量，降低出现 Bug 的频率，并且也利于维...

团队开发中，多人开发同一个项目，由于个人编码习惯不同，一个项目中最终的代码风格可能差别很大，所以需要通过工具进行约束来保证代码风格的统一。同时也希望通过工具尽可能的减少低级...