拜托啦俊酱丶

最近准备给公司项目做重构，原本是打算使用Jest来作为测试工具的，刚好无意之中接触到了Cypress这款测试工具，虽然用上它非常的不容易（简直是一波三折），但是用上了之后觉得真香啊。我们本篇文章就是讲

使用 webpack 进行打包，每个资源都可以生成一个带 hash 的路径。浏览器可以利用该 hash 能够做到资源缓存，访问性能提升。 我们可以通过 output.filename 进行配置，配置如

👆上一节我们讲可以通过 import() API 在 webpack 中进行代码分割，分割出一个新的 chunk，在浏览器中，将通过 JSONP 的方式加载该 chunk 的脚本。 而在 webpac

我们知道，如果写import xxx from 'xxx.js'所有的资源都会被打包进一个资源文件里面。 这样做的优点就是能减少最终页面的HTTP请求数，但是缺点也同样存在： 随着项目的不断增大，最终

尽管现在主流浏览器已支持ESM，但是webpack仍然会将ESM转化为CommonJS。我们来看下 webpack 是 如何将ESM转化为CommonJS的。 CJS 再看ESM打包产物之前，我们先看

我们都知道esm和commonjs是JavaScript编程中的模块规范。在了解它们之前，我们先逐步了解为什么需要模块化。 没有模块化的世界 小明正在参与一个系统的开发👇 到这里也还没什么，可随着项目

基本概念 在 FunctionComponent 中创建 ref 需要使用到useRef这个hook，函数签名如下 useRef 函数接收一个初始值，并返回一个可变的（mutable） ref 对象，

在上一节我们实现了useReduer和useState来更新数据，但是当我们需要根据数据来决定应该渲染怎样的dom内容时却发现出现了一些问题。 如下代码。当count % 2时使用<div>学习Rea

props 在 React 中是不可或缺的，我们在开发React应用时随处可见 props 的身影。它可以作为原生组件的属性设置，也是作为组件之间的数据，事件等通信传递的重要手段。本节我们一起来看看什