无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了

之前，我有提到过，当然大家肯定也都知道，Vue3.0不在有webpack.config.js的配置；但是不可避免,在项目开发中我们肯定会存在一些特殊的需求需要调整webpack, 这个时候，在Vue3.0的项目当中，我们就需要在根目录创建vue.config.js去完成webp…

最近对前端监控很有兴趣，所以去使用了前端监控里优秀的开源库Sentry，并且研究了下Sentry源码，整理出这一系列的文章，希望能帮助大家更好地了解前端监控原理。 这一系列的文章我将结合官网api与流程图的方式，通俗易懂地讲解整个流程。 说明：packages/browser/…

一、前言性能优化一方面是我们前端经常讨论的话题，另一方面也是我们面试过程中考察的重点。那么，如何来定义性能指标呢？这篇文章我们主要介绍一下首屏时间如何采集。二、采集方式2.1 手动采集一般是通过埋点的

whistle是什么 是非常实用且无敌的好东西 代理+抓包+mock的小能手 工作中经常遇到联调前需要mock数据进行开发的时候，又或者移动端出现问题，需要抓包看数据分析情况的时候 那么废话不多说了，

前言 在前端项目开发中，我们可以启动 devserver 管理静态资源服务，但是发布线上后要保证稳定，一般会选择一个高效能 + 稳定的静态服务器来管理前端资源。 作为前端工程化的关键一环节，这一篇我们

SplitChunks插件是什么呢，简单的来说就是Webpack中一个提取或分离代码的插件，主要作用是提取公共代码，防止代码被重复打包，拆分过大的js文件，合并零散的js文件。 提到前端优化，提取公共代码是必不可少的手段。在Webpack出现前，提取公共代码是人为去处理，而Sp…

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…

我平时工作项目较多，所以我通过webpack搭建了自己的前端工程主要是编译stylus、jade、es6，