前端编译和工程化

一、背景 本文从《Node.js实战（第2版）》出发，旨在总结使用Node.js创建Web应用程序的知识点，构建Node.js相关知识体系。 二、什么是Node.js？ Node.js(以下简称Nod

本文将对前端自动化测试领域中最热门的两个测试框架 Playwright 与 Cypress 进行详细对比，通过代码片段与实际项目来帮大家直观的感受两个框架在各方面的基本情况。 如果你对于自动化测试还非

为什么需要自动化测试 自动化测试是利用计算机去检查软件是否正常运行的方法，自动化测试一旦被创建，他可以不会吹灰之力的进行无数次重复测试。自动化测试能够预防无意引入的 bug，并鼓励开发者将应用分解为可

1 概述   前端工程师们经常会写 HTTP 请求的 code，但是却可能不太了解从请求一个 URL 到服务端响应最后显示到页面上是怎样的一个过程，所以我在这里进行一个知识普及，也是给自己做的一个笔记

通过在工作中的应用场景，来介绍此loader用法和一些发散的点 场景需求 解决方案 发散点 loader匹配规则 loader顺序 调试loader style-resources-loader的in

背景 我们知道WindiCSS的配置文件既支持js后缀也支持ts后缀，即：windi.config.js和windi.config.ts 我们在 vscode 安装的WindiCSS IntelliS

前言 我们经常能在webpack和ES6相关知识中看到静态分析（静态优化）这个词，今天我们就来给静态分析做个分析，希望看完这篇文章，能让你知道以下三个内容： 什么是静态分析？ 为什么要做静态分析？ J

代码重构是一个产品发展到一定阶段不得不面对的事情，大到整个产品重构，又或者是一个页面、一个组件的重构。我们都要思考重构背后的起因是什么，并分析重构所带来的效益和成本。

最近参与到了一个 Webpack 升级 Vite 的项目，升级过程中踩了不少坑，期间的一个迁移点，涉及到 Vite 插件的编写，看了官方文档几遍，终于将插件搞定。本篇楼主分享：如何编写你的第一个插件。

本文主要讲开发人员在编码阶段用Cypress编写前端测试，做到测试左移。 Cypress是一个重前端的测试框架，可以对前端页面、前端组件进行简单可靠的测试，带给开发人员轻松愉快的测试体验。

我们知道，首次执行 vite 时，服务启动后会对 node_modules 模块和配置 optimizeDeps 的目标进行预构建。本节我们就去探索预构建的流程。欢迎感兴趣的小伙伴来围观~

上一小节我们了解了从敲入 vite 命令到最后服务运行起来的详细过程。本节开始我们从流程中选一些核心流程细细品味，首先看入口配置（即 resolveConfig 函数）的逻辑。刚兴趣的小伙伴快来围观~

上一小节我们知道了 vite dev 时通过 resolveConfig 去获取并合并配置等内容，本篇文章将带大家了解vite中ModuleGraph相关内容，欢迎小伙伴们来围观~

Vite作为我们目前的前端开发与构建工具，我们对它了解多少呢？接下来让我们跟着作者从敲下vite命令后，Vite 做了哪些事开始解密Vite吧~感兴趣的小伙伴欢迎来围观~

作为前端，我们经常有听到 TDD、写单测等等，那么跟UI强关联的组件的测试应该怎么做？ 本文使用 Cypress 框架，通过一个组件示例进行实践，尝试把 TDD 在前端落地。欢迎感兴趣的小伙伴围观~

前面我们学会了结合 Eslint + Prettier 可以使得代码按照约定好的规则规范起来，本篇文章将介绍git提交书写`commit` 信息的规范工具，感兴趣的小伙伴快来围观吧~

本文源于日常开发当中遇到的一个小问题，初心只是想要弄明白为何会发包失败，然后顺带瞄了下 Lerna 的源码，感兴趣的小伙伴欢迎来围观点赞~

目前大多数浏览器都内置了对 module 的支持，因此构建渐渐成为了一个优化步骤而不是必要步骤 。那么，初衷是为了支持某些古老版本浏览器运行而衍生出来的构建步骤，我们还需要保留吗？🙈

开工大吉，奉上春节后第一个工作日的文章~ 关于如何使用JSON Schema规范JSON数据格式，文章介绍了校验工具、基本规范，schema组合约束、条件等较为常见的复杂模式，欢迎大家围观~

项目配置 husky+commitlint+prettier做一些规范化格式校验，但是之前从来没专门去了解过是怎么实现的。最近突然对 husky 实现产生好奇，于是自己尝试进行实现一个myhusky.