使用 TypeScript、Rollup、Jest、ESLint 、Prettier、Husky、Commitlint 从零搭建自己的工具库，通过 Github Actions CI 自动发布 NPM

在现代的前端开发中，构建工具扮演着重要的角色。构建工具不仅可以帮助我们自动化地完成诸如编译、压缩、打包等繁琐的任务，还可以通过插件的形式扩展其功能。本文将介绍几个在构建工具中常用的插件...

前言 在我们使用一个组件库的时候，文档页面是最直接的获取信息的窗口。而文档页一般包含了这些信息： 组件的描述 组件 Demo 示例的展示、描述和源码 组件的参数文档 要是纯组件示例的调试和展示的话，我

目前按需加载有两种方式实现。 babel-plugin-import是ant-design团队出的一个babel插件，主要用于模块的按需加载。其原理就是将直接引入的方式通过babel转化成按需引入的方式。如果css也需要按需加载，也会注入css引用代码。 babel-plugi…

作者: 也就是本次CL的开发者，原文中是以author来称开发者的。以老外的思维，意思是“CL的作者” cr(Code review)主要目的在于确保Google 的代码库代码质量越来越好。而所有相关的工具与流程皆是因应这个目的而生。为达到此目的，势必需要做出一连串的权衡与取舍…

由于在笔者的上一篇文章中已经对 babel 与 babel-plugin 有过介绍了，因此本文不再赘述，直接进入正题。想了解的同学详情可点击此链接。 第一阶段，庖丁刚开始宰牛的时候，对于牛体的结构还不了解，看见的只是整头的牛。 第二阶段，三年之后，他见到的是牛的内部肌理筋骨，再…

「这是我参与2022首次更文挑战的第17天，活动详情查看：2022首次更文挑战」 使用 vsCode 编辑器，打入 /** 时，按下回车 编辑器会根据函数的入参和出参情况，自动生成注释。 source

模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新 一种是页面刷新，不保留页面状态，就是简单粗暴，直接 window.location.reload()。 另一种是基…

一起深入Wepcak , 尽管 Vite 非常火爆确实很香,但是 Webpack 依然在企业占据主导地位以后我也不知道, 学习深入非常有必要，主要介绍loader / plugin 和原理分析，