我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 分提升到 99 分的过程。

看了很多打包优化的文章，很多都是基于原生的webpack配置，直接在webpack.config.js文件中修改配置的。但是vue-cli创建的项目已经封装了基本的webpack配置，需要在vue.config.js文件中修改预置的webpack配置。很少看到这方面的文章，因此…

前言：本承接上一篇文章《不用刷新！用户无感升级，解决前端部署最后的问题》，在加入BFF层后的增量部署会碰撞出哪些火花呢？本文主要讲解一个完备的增量部署是怎么样，以及如何缓解增量部署的代码冗余的问题。最

在进行多页面开发的时候，项目刚开始阶段，页面较少，编译速度还能忍受，但是一旦页面增加，多次热更新就造成了内存溢出。 可以看到的是webpack把所有的页面都进行了编译，总体积已经达到了18M，耗时超过1分钟，在热更新的时候这个体积会变得更大，从而占据node的运行内存，导致内存…

随着前端代码需要处理的业务越来越繁重，我们不得不面临的一个问题是前端的代码体积也变得越来越庞大。这造成无论是在调式还是在上线时都需要花长时间等待编译完成，并且用户也不得不花额外的时间和带宽下载更大体积的脚本文件。 然而仔细想想这完全是可以避免的：在开发时难道一行代码的修改也要重…

大家好，我是Webpack，AKA打包老炮，我的slogan是："打天下的包，让Rollup无包可打"

全网最全的webpack热更新调优方式； 帮助你有效的提高前端项目的热更新速度； 学会根据自己项目特点来进行优化。

👆上一节我们讲可以通过 import() API 在 webpack 中进行代码分割，分割出一个新的 chunk，在浏览器中，将通过 JSONP 的方式加载该 chunk 的脚本。 而在 webpac

牛客最新前端JS笔试百题包括：单选题60+，多选题13、填空题18、程序题80+(选择题带答案)。希望能帮到各位即将面试的前端大佬们。后续面经300题还在整理中，如有需要，请关注我的博客发文动态。