本文介绍了几种前端打包优化策略，如使用 visualizer 可视化分析、manualChunks 分包、 去除console语句、压缩代码和通过 CDN 加载外部库，大幅提升了应用的加载性能。

前言 Vite 作为 Vue 团队出品的构建工具，其超快的冷启动以及热更新速度让它迅速🔥起来了。 由于浏览器开始原生支持 ES 模块，Vite巧妙的利用生态系统中的新进展解决了 Webpack 构建速

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

又是一年金九银十，虽然市场一般，如何才能抓住来之不易的机会呢？自然是砥砺自身能力，完善知识体系。 挖下深坑擒虎豹，挂上长线钓金鳌。 本文基于笔者的个人面试经历 + 线上他人面经，筛选整理高频面试题

Hello，大家好，我是 三千。 大家觉得，在前端开发中，最难的技术是哪一个？     如果你之前完全没有接触过3D 可视化应用开发，那使用Three.js开发应用还是门槛挺高的，比如，加载一个模型，

一. 引言 自webpack5发布以来，推出了很多全新的特性，其中最主要的就如下三点： ① 可持续性缓存--通过cache配置可实现首次构建后一直保存缓存。 ② 真正意义上的tree-shaking-

用过 webpack 的都知道，webpack 的 sourcemap 配置是比较麻烦的，比如这两个配置的区别： eval-nosources-cheap-module-source-map hidd

HTTP 缓存是前端面试必问的知识点，大多数前端也都能答出强缓存和协商缓存来，但如果换个问法呢？ 比如问浏览器的强制刷新实现原理是什么？ 你还能答出来么？ 其实这也是考察缓存相关的知识点，看完这篇文章

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情。 前言 前一段时间由于项目需要实现水印功能，于是去了解了相关的内容后，基于 Vue 的实现了一个 v-wa