现在前端开发项目一般都会用 ES Module 模块化开发方式，这就少不了用 import 去加载相关依赖包或组件等。随着 import 语句使用量增加，就迫切需要某种规则约束当前页面的 import

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

问题描述 效果 思路 zip 文件由哪端生成？ 服务端生成 nginx nginx 有一个模块是 gzip 模块，然后你只要开启了，nginx就会帮你来把数据（静态资源 和 接口数据）进行压缩，然后传

前言 毋庸置疑，要说前端调试代码用的最多的，肯定是console.log，虽然我现在 debugger 用的比较多，但对于生产环境、小程序真机调试，还是需要用到 log 来查看变量值，比如我下午遇到个

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

随着前端项目日渐的复杂，我们日常开发中使用的构建工具也不断演变、进化，既要满足我们开发时的便利，还要充当构建时各种资源优化、自动打包、自动测试的角色。目前，最受欢迎的当数webpack。满足复杂的功能的同时必定带来一定的使用成本，繁杂的配置，构建的性能也成了我们使用webpac…

初衷： 分享一下工作中实用的几个Plugin，希望对大家有些帮助，不喜勿喷。 用途： 将css样式从js文件中提取出来最终合成一个css文件，该插件只支持webpack4之前的版本，如果你当前是webpack4及以上版本那么就会报错。 上面配置中，extractTextPlug…

如果有不了解webpack的同学，可以自行到webpack官网学习基础的配置，这里我们主要一起学习常见的插件应用。 loader用于打包文件，plugins 用于解决一些其他任务，比如去注释等等。 1. HTML文件生成插件：html-webpack-plugin 产生背景：多…

本文将基于上一篇文章《Webpack4+Babel7优化70%速度》所搭建的环境去做动态路由加载，同时完成 React16 和 React-Router4 的升级工作，使整个项目的技术栈以及性能体验尽可能达到最佳状态。 我们知道，Webpack主要从两个方面进行优化，一个是提升…