Vue 项目线上更新无需强制刷新的方案 在 Vue 项目中，当发布新版本后，用户可能因为浏览器缓存而继续使用旧版本。以下是几种实现无感更新的方案： 1. 使用文件哈希名（Webpack 默认配置） V

本质上就是一个便利工具，为一些比较特殊或繁琐的工作提供辅助，我们这里需要开发的是一个基于命令行的工具，后文以 cli 代替。 为什么需要开发一个脚手架？ 以下为初期组件库协同开发时遇到的问题： 组件目

🥇 Rollup 与 Webpack Rollup官方解析：Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序 webpack

# rollup 开发环境搭建 ![image-20210815222527524](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0dbb5

在一家公司内部，我们同时会有很多项目，每创建一个项目就要重新搭建一份脚手架并重新复制一份公司内部的配置文件和公共组件。这对于不了解项目的新员工来说，非常不友好。每次都需要根据不同的项目重新了解一些公司

import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import styleImport from '

支持断点续传; 文件秒传; 使用了 WebWorker 并实现了浏览器的线程池; 使用了 Promise 池控制并发数量, 优化了 Hash 策略, 优化了内存占用, 超级详细⚡

单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~