前几天，我们团队CI/CD流水线挂了，一个新来的前端同事跑来问我：“老大，我本地pnpm build明明是好的，为什么一到CI就报错？” 我看了看日志，node-gyp编译失败。我问他：“你本地的No

在计算机编程中，单元测试（英语：Unit Testing）又称为模块测试，是针对程序模块（软件设计的最小单位）来进行正确性检验的测试工作。 程序单元是应用的最小可测试部件。在过程化编程中，一个单元就是

前端的传统部署方式，将静态资源打包放在nginx下面，由nginx返回文件。 但，面对日益复杂的前端应用，我们可能将面对： 线上的前端资源如何做的快速回滚？ 传统的方式，如何更好的做到灰度发布？ 前端

webpack是一个静态模块打包工具，基于node.js开发。在开启webpack coding之前，我们先了解一些核心概念。 一. 核心概念 在webpack中，万物皆模块。它本身只能理解 json和js文件。loader 让 webpack 能够去处理其他类型的文件，并将它…

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

三篇长文，带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇，如果你还没有阅读《带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本文。 本文会引入更多的 webpack 配置，如果文中有任…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

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