Angular 让人诟病的一点就是打包后体积很大，一不小心 main.js就大的离谱，其实遇到类似的问题，不管是体积大、数据大、还是流量大，就一个思路：拆分。再配合浏览器的缓存机制，能很好的优化项目访问速度。

这是一个空的 react + antd 管理后台，只需要开发页面就能让它成为你想要的管理系统线上地址：[链接]项目地址：[链接] 欢迎 Star 和提供更好的建议概述该管理后台基于 webpack5、 react@17、react-router@5.2、typescript、antd@4.10状态管理使用 mobx@6.x，相比 redux 使用更简单，整个项目使用多 store 进行状态管理更...

注意：本文所有依赖包是目前最新版本的 现在很多开发朋友对于使用webapck、babel搭建开发环境已经不陌生，但很少去系统性的了解项目依赖。 本文从环境依赖包说起，让你对自己的开发环境有更深的了解。 为了简单，我们将依赖分个类：Babel相关🔥、Webpack相关🔥、可选的依赖包。注意：带🔥 是指必需的依赖， 下面我们一个一...

原文来自我的github: [链接] 代码拆分与动态导入 当项目越做越大时，体积过大导致加载速度过慢，性能问题直接影响用户体验。 这时我们会考虑将代码拆分。 拆分，顾名思义就是将一个大的东西拆分成N个小的东西，用公式表示就是：Sum = n * Sub 代码拆分基于动态导入 什么是动态导入？就是我需要什么，你给我什么，我不需...

这是自己撸的一个react脚手架 使用了代码分片、按需加载、DLL等方式来优化项目，所以你不用为项目过大而烦恼。 并且将webpack配置全部暴露出来，你可以根据自己的喜好去修改。 github地址：[链接]（听说点star的人都是好人????） react-ve 一个让你快速搭建react开发环境的脚手架 安装及使用： {代码...} 启动项目： {代...

项目目录大概结构： {代码...} 关键文件内容： {代码...} 关于其他webpack优化可以看看这里