本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的是node18.18.0

异步代码的执行顺序是前端面试必问的面试题，它主要考察对 Event Loop、宏微任务以及它们执行顺序的理解。 这类问题新手比较容易困惑，老手一不注意也容易掉坑里。 那理清这类问题，有没有什么好的办法

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack 中异步加载（懒加载）的原理

为了便于团队的协同开发，我们在git commit时，需要有一个统一的格式。 在业内，一般使用Angular commit message规范。 scope，选填，commit 影响的范围, 比如: route, component, utils, build... 我们介绍了…

TypeScript 是一门语言，有很多语法，和那些只需要熟悉下 API 的库的层次不太一样，它更灵活，当然也会有很多小技巧。 这篇文章就来分享一些很多人不知道的小技巧吧，都是学完就能用起来的那种。

你真的知道 promise 是如何运行的吗？先来两道题让你懵懵哒！欢迎一起交流学习，加群的同学可以留言！

「语义化的提交信息」这一概念来自于 conventionalcommits.org ，被称为「约定式提交」。 约定式提交按照一种固定的模式就行书写，这样不仅有利于团队协作，还可以在项目后期通过自动化的方式生成一些文档。常见的公式如下所述。 描述是用于 git commit -m…

本文章的目的是帮助前端快速生成changeLog文档，对项目的版本号控制，使开发者的提交变的更加规范化。

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）