前端构建
59篇文章 · 0订阅
  • 用GPT 从0搭建 Jest 到帮写测试用例
    本文结合 Cursor，版本0.2.5，实现了一个 结合Open AI从0到1搭建 Jest 环境到跑通 AI 所写的用例 。
    前端
    用GPT 从0搭建 Jest 到帮写测试用例
  • 调试 Jest 测试用例，有更强大的方式
    Jest 是一个前端测试框架，它可以组织和运行测试用例，并且提供了 mock、断言等 api。 比如这样： 这是 nest 应用的一段测试代码，在 beforeEach 里面做了初始化逻辑，在每个 d
    前端 JavaScript Jest
    调试 Jest 测试用例，有更强大的方式
  • 使用ts-morph进行TypeScript AST操作
    ts-morph是一个非常有用的TypeScript库，它提供了一个简单且直观的API，用于分析、生成和转换TypeScript代码。
    前端 JavaScript
  • 探究前端项目打包构建的用户故事
    “打包”——一个前端研发无比熟悉的词语。打包工具从来都不是必要，后端（nodejs）几乎可以不使用，但在前端，又几乎不可以不用，本文会带读者探究关于打包的一切。
    前端 Webpack
  • 带你了解 Tree Shaking
    前言 JavaScript 绝大多数情况需要通过网络进行加载再执行，加载的文件越小，整体执行时间更短，所以就有了 Tree Shaking 去除无用代码，从而减小文件体积。 什么是 Tree Shak
    Webpack
    带你了解 Tree Shaking
  • 八股文不用背-webpack打包的原理
    浏览器未支持模块化时 背景 浏览器解析html时，是不识别require函数的，也就是说html是不支持模块引入的，而我们开发项目需要模块化开发，怎么办呢？ 比如我们现在创建了index.js、add
    Webpack 前端 面试
    八股文不用背-webpack打包的原理
  • 记录一次组内npm&pnpm分享
    记录我在滴滴出行项目组内的一次技术分享内容，介绍了npm的起源，发展，用法、原理和弊端，以及pnpm和tnpm如果解决npm的这些问题。
    前端 NPM
    记录一次组内npm&pnpm分享
  • 新时代的 SSR 框架破局者：qwik
    抛弃完全多余的 hydration ，让你的SSR应用性能突破天际。今天我们来聊聊一种全新的服务端渲染思路，一起来看看号称世界上第一个SSR框架：qwik。
    前端 JavaScript React.js
    新时代的 SSR 框架破局者：qwik
  • 为什么说 webpack 的 Module Federation 天生是模块级的微前端？
    Module Federation 不是 webpack 5 的特性么？它和微前端有毛线关系？ 不着急解释，我们先写个 Module Federation 的 demo 再说。 用 create-re
    前端 JavaScript Webpack
    为什么说 webpack 的 Module Federation 天生是模块级的微前端？
  • 你的Tree-Shaking并没什么卵用
    Tree-Shaking这个名词，很多前端coder已经耳熟能详了，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分，并非需要全部，此时Tree-Shaking如果能帮助我们删除掉没有…
    JavaScript Webpack rollup.js