vue.config.js 是一个可选的配置文件，如果项目的根目录中没有这个文件，你需要手动创建它。这个文件是一个 Node.js 模块，会导出一个包含了 Vue CLI 项目配置的对象。 下面是一些

1. webpack的定义 Webpack是一个用于现代JavaScript应用程序的静态模块打包工具。 2. webpack的背景 Webpack的背景主要源于前端开发复杂度的提升和模块化规范的演变

现在已经快到2024年，本篇文章主要介绍下，对照webpack5最新的文档，重新梳理下 webpack 的最新的最佳实践。

webpack打包优化，分包，压缩 首屏渲染性能优化 图片处理 减少cookie体积 开启浏览器缓存 cdn加速 nginx负载均衡 css样式优化 懒加载，异步加载 webwork异步批量处理 ht

初衷： 整理一些常用的loader分享给大家，方便知道在什么场景下该用什么loader。如果有大佬都懂悄悄左滑就行，不喜勿喷。 适合人群： 前端初级开发。 用途： 用于将css编译完成的样式，挂载到页面style标签上。需要注意loader执行顺序，style-loader放到…

本文主要记录了自己的博客在禁用缓存的情况下，从八九秒加载时间到最终 985ms 的优化实践，开启缓存的情况下能达到 138ms 的访问速度。

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

当在部署访问 SPA单页面应用 时 需要一次性加载所有前端资源，导致文件体积较大。这会增加加载时间并增耗用户的带宽 在 vue项目中，会将我们的所有生产环境第三方依赖打包 chunk-ven

背景 随着前端技术的不断发展，网页应用程序变得越来越复杂，并且需要更多的资源来加载和运行。在使用 Vue2 构建的项目中，打包后的文件大小可能会非常大。 我的一个可视化系统项目，文件约1302个、有效