Hello德子

引言 在前端开发的舞台上，高效的打包工具如同璀璨的明星，照亮着开发者前行的道路。今天，我们将深入对比两款备受瞩目的工具 —— Rspack 和 Rolldown，探寻它们各自的独特魅力和优势。

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下：

Vite 的最新版本将引入一种名为 Rolldown 的新型打包工具。 Rolldown 的优势 Rolldown 是一款用 Rust 重新编写的 Rollup 替代品。而 Rollup 使用的是 j

背景 在做web项目的时候，比较常见的一个问题就是页面白屏，而页面白屏在我们的实际排查下来重点是在以下几个方面出了问题。 网络问题：未能加载到资源或者资源加载不完整 逻辑问题：代码报错 逻辑问题相对好

web项目优化到2s加载成功靠打包优化，缓存陪着，优化到1s靠离线，优化到200ms靠预运行。抽离每个项目公共需要运行的资源提前运行显著提高秒开体验

作为满帮集团微前端的发起和推动落地人来分享一下整个过程，希望通过这次的分享，让大家更贴合实际的感受在前方没有参考目标或者参考目标不适合我们时，如何找到最适合我们自己的路

1. 使用cdn 2. 删除main.js的important xxx from xxx 与 Vue.use() 不删除的话打包还是会打包这些模块,打包后chunk-vendors.6bf9f4fc.js文件过大一般是这个原因 3. 根目录下新建vue.config.js文件 …

webpack 构建速度：缓存，多线程，缩小文件解析范围 打包体积优化：代码分离，压缩，cdn,tree shaking

本系列文章将带你从0搭建一个脚手架项目。并使用webpack对项目进行打包及优化。如果文章有不足的地方,恳请各位积极指出。