年轻人就要躺平

rollup 前端工程化历程 除屑优化(tree shaking) 除了可以使用 ES 模块之外，Rollup 还可以静态分析你导入的代码，并将排除任何实际上没有使用的内容...

Rollup是一个能帮你快速实现一个JS库开发的构建工具，比webpack轻，加上Typescript能让你代码质量有足够的提升。 快来完整了解它们是如何工作的吧。...

rollup打包产物解析及原理（对比webpack） 上篇： webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） rollup定位 rollup比web...

Nginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站...

最近一直在尝试对项目构建性能进一步优化， 除了webpack常用的一些优化方式，比如缓存优化、多进程优化等，也尝试在项目内使用swc及esbuild，以进一步提高构建速度...

【API 总结】esbuild调用总结 本专栏所有代码地址：https://github.com/sunny-117/esbuild-book transform API ...

Docker 对前端的意义也很重大。 实际上，Docker 的世界里，并不区分什么前端、后端，没有人说只适合后端、不适合前端 … 在运维的眼里更是如此...

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也...

咸鱼了1年多，原本计划9月份就写的文章，硬是今天才提起劲写文章。 写这篇文章呢是因为公司升级到webpack5以后我发现之前写的插件在webpack5里无法使用了， 因为...

​| 导语 捕获和处理前端组件异常是个十分重要且必要的操作。对于 React 来说，一般用 ErrorBoundary 来实现，今天就带大家一起造一个 react-erro...

前言 网页在加载资源时，可能会因为某些未知因素导致资源加载失败或不可访问， 这其中的因素可能就有部分区域的cdn异常、用户环境的网络问题等等。一旦资源加载过程中出现了异常，...

对于一个大型项目来说，不管是后端还是前端，异常错误的监控都是非常重要的，拥有一套成熟完整的监控体系，能让我们在生产环境上发生错误时，可以第一时间定位错误发生的位置与原因，从...

创建一个 Sentry 项目 Step 1: 创建项目 Step 2: 创建警报规则 将 Sentry SDK 引入您的前端代码 前置条件 Step 1: 获取代码 Ste...

在之前的 Dveops 小册中，为了节约资源选择了使用虚拟机来搭建服务端环境，但从收到的反馈来看，大部分的同学都很难独立完成虚拟机的搭建从而被劝退了。新的系列将采用 Doc...

1.前言 货拉拉自研H5离线包SDK，能显著提升H5打开速度，已在多个业务中落地。车型介绍页使用离线包前后打开效果如下： 图1 使用离线包前 图2 使用离线包后 货拉拉自研...

React Router 是 React 生态系统中最受欢迎的第三方库之一，近一半的 React 项目中使用了 React Router，下面就来看看如何在 React 项...