首屏优化实践，首屏效率提升四倍，代码体积减小近七成！提供给性能优化初入门的伙伴做参考，有更好的实践方案欢迎提出。

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。

｜д•´)!! 这里是属于webpack的世界，没有花哨艳丽的vite，有的，仅仅是繁衍到巅峰的webpack！

这“讨厌”的面试官又来了，挺着个油腻的大肚子，格子衫堪堪裹住他的腰，摸了摸他的地中海发型，张开自认为性感的厚嘴唇，说了句：“年轻人，这次我们来聊聊 webpack5吧。“

前言 这是一个关于 reduce-enum-webpack-plugin 由来的故事，我已经把它放到 github 和发到 npm 了，有需要的可以看下，觉得能帮到你的话也请给个 star~ 我们的接

前言 在上篇文章 webpack loader实战——手撕8个常用loader 中，我们主要介绍了 loader 的实现。 loader 主要做的事情是针对某一类型的文件进行特定的处理，在 webpa

webpack作为目前主流的前端构建工具，我们几乎每天都需要与它打交道。是一个足够开放的类库，提供了可插拔的方式去自定义一些配置，包括配置 loader和plugin，本篇我们主要讨论loader

在开发的工程中，线上环境需要引入一些统计和打印日志的js文件。但是对于开发环境，加速打包速度减少页面渲染时间很关键。我于是想根据开发环境，写一个简单的loader,按需加载一些资源。 为了完成按需加载的功能。打算使用自定义的loader。 拿到传入的参数并根据环境判断是否加载。…