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

想起自己刚入行的时候，从svn上把代码checkout下来，看到同事写的代码，大括号居然换行了。心中暗骂，这个人是不是个**，大括号为什么要换行？年轻气盛的我，居然满腔怒火，将空行一一删掉。 但是关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。…

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

1. 核心概念 模块，在Webpack里一切皆模块，一个模块对应一个文件。Webpack会从配置的entry开始递归找出所有依赖的模块； 总结： Webpack在启动后会从Entry里配置的Module开始，递归解析Entry依赖的所有Module。每找到一个Module，就会…

什么?这是一篇源码解读文章 ? 那一定很枯燥！不看。 1 . Koa 之 EventEmitter 2 . Koa 之 Http 模块 3 . Koa 之 Use 方法 4 . Koa 之 洋葱模型 5 . Koa 之 Context 对象 6 . Koa 之 源码精读 一 7…

三种方法又可以相互借鉴进行组合，来完成业务所需的补丁。分别介绍： 所以我们需要打上相应的补丁。可以用第三方成熟的 package ，也可以使用 MDN 提供的模板进行打补丁： 问题是解决了，但优势和劣势也相当明显：优势是保持最小化引入，不会有额外的冗余代码开销，保证了应用的性能…

在开始前，为了避免部分歧义，先统一下对提交记录的认识：我们都知道每个提交记录都会有唯一对应的一个 40 位字符串，这是 Git 根据我们的提交内容利用 SHA-1 算法计算出来的哈希值。这个 40 位的字符串，有人称 id 或 哈希值 或 校验和 或 SHA-1 值。因为 SH…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

本篇所有代码线上代码react-webpack4-cook,翻译过来叫：webpack4和react的乱炖，可以跟着代码进行配置，之前有很多坑，线上代码都已经被解决了 。如果对您有帮助，不妨给个star.点赞关注不迷路 一篇文章不写前言总感觉不太正式，大概介绍下我是怎么完成一个…