咯吱脆

前言 上文提到，webpack5源码导读：我们如何调试源码，插件是 webpack 的支柱功能，webpack 自身也是构建于我们开发者在 webpack 配置中用到的相同...

背景 2021年重写了一个代码量在50W行级别的项目，由于多人同时开发，且没有处理好公共模块分配，导致完成后产生了大量的无用文件和无用代码，很影响开发体验，笔者在业余事件探...

最近在搭建一个自己的网站，网站框架搭好了要把项目放到服务器运行，但是每次更新网站内容就要手动部署一次，实在很麻烦，于是就想搭建一套自动化部署的服务。看了一些案例最后选用现在...

零门槛！一文揭开前端自动化部署的神秘面纱，从宏观层面讲解前端项目发布的必经阶段。跟大家一起走进前端的基建工作，入门 Devops 领域，看看前端发布平台应该怎么做！...

Umi是一个企业级的前端开发框架，它本身是一个插件化的系统。插件化的优点是你可以方便的进行能力拓展。在Umi中，这代表着你可以通过插件来扩展项目的编译时与运行时能力，这包括...

前不久发布的 UMI4 新增一个非常实用的功能：deadCode 检测。 随着项目不断迭代，项目中通常会有未使用的文件或导出，这些 deadcode 增加了工程维护的复杂度...

这一篇衔接了上一篇的 继承 Service 并执行其中的 run 方法， Service 的代码在 umi/packages/core/src/service/servic...

当前umi版本为4.0.0，由于本人水平有限，如有错误望指正。 学习umi使用可以前往Umi 4 开发实战小册 前言 下载项目后，在根目录执行pnpm install，调试...

测试是工程化的研发体系中不可或缺的一环。本文将从单元测试和 E2E 测试出发，谈谈笔者所在团队最近所做的大型 ToB 项目的前端自动化测试实践。...

单元测试是书写组件库必备的，在React中常见的测试库有2个，一个是Enzyme，一个是react-testing-library。...

单页应用 (SPA) 及相关框架（例如 React.js、Vue.js、Svelte.js）都已经存在了很多年。然而，随着这些解决方案之上的元框架的兴起，可以看到应用从客户...

从React官方网站看测试概览。提到了两个比较重要的工具，一个是Jest、一个是React测试库。 Jest是一个JavaScript测试运行器。它允许你使用jsdom操作...

当你写完一个 React 组件，如何保证它的功能是正常的呢？ 在浏览器里渲染出来，手动测试一遍就好了啊。 那如果这个组件交给别人维护了，他并不知道这个组件的功能应该是什么样...

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。...

Jest 是流行的前端单元测试框架，可以用它来写 Node 代码或者组件的单测。 Jest 用起来并不难，但很多人用了多年依然不知道它是怎么实现的。 今天我们就一起来写一个...

特别喜欢红宝书的一句话“站在巨人的肩上”，起因是觉得react中的hooks语法，用了那么长时间，有的时候还是似懂非懂，所以才有了这一篇文章，学习一下前人封装hook的方法...

本文带你一起使用 Rollup 打包项目，实现以下功能： - **自动将 dependencies 依赖声明为 externals** - **支持处理外部 npm 依赖*...

最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 ...

古茗门店的后厨放着有很多设备，功能不一样，类型不一样，而且通信机制也不一样。 像最基本的前端和服务端通信，我们需要定义各种接口去实现我们的业务功能，然后依赖http服务进行...