前端工程化构建部署是整个工程化体系中非常重要的环节，那前端工程化部署是如何产生的？都解决了哪些问题？前端工程化部署都有哪几个流程？每个流程都是具体都是做什么的？一起来讨论下吧

一、问题引出 在使用一些图片图标、样例图时，我们往往将其设计为一个具有一定宽高的背景盒子： 如果项目中存在大量的这种小图，就会引发一个问题： 大量的小图引起了大量的请求，不仅对服务器造成了比较大的压力

本文将带你深入抓包原理，通过抓包工具 whistle 做到拦截线上页面请求数据，再响应本地代码 1. 什么是抓包？ 抓包就是将网络传输发送与接收的数据包进行截获

Commander.js node.js命令行界面的完整解决方案,受 Ruby Commander启发。 前端开发node cli 必备技能。 短标志可以作为单独的参数传递。像 -abc 等于 -a -b -c。多词组成的选项，像“--template-engine”会变成 p…

本文简单介绍了 husky 和 lint-staged 的集成方式，并扩展了 git hooks 和 npx 的一点知识

i18n国际化的内容比较多，写文章的时间也用得比较长，从上周五开始到本周一，断断续续完成了。 虽然实际工作中很多项目都不需要国际化，但是了解国际化的用法还是很有必要的。

本文利用eslint强大的功能，实现react和vue通用的一键国际化方案。看过很多其他的国际化方案的文章，感觉都不够简单方便，于是自己写了一个。

引言： 当下前端组件库 / 工具库的最佳实践方案基本都是 pnpm + monorepo 的开发模式，如 Vue、React、Vite、Element UI、Varlet UI、Vant UI 等。

pnpm 相信大家都有了解过，它是一个高性能的包管理器。本文通过对三大包管理器进行对比，根据对比差异，将npm、yarn的项目包管理工具迁移到 pnpm