在前端开发的世界里，构建工具的效率直接决定了开发项目的体验好坏。而Vite凭借其超快的冷启动速度和高效的热模块替换，迅速俘获了众多开发者的心。

前言 掘金上有太多非常好的写webpack的文章了，就不班门弄斧了，这里快速聊一下，webpack是怎么一回事。 webpack 是啥？ webpack就是用来搭建前端工程的，它运行在node环境中，

vite插件是基于rollup插件上面拓展而来的，如不了解可以看看如下两篇文章： Rollup 插件机制 Vite 插件开发 rollup插件机制文章的配图是旧版本的，与此时rollup官网上面配图有

前言 在前端面试的过程中，前端工程化一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是webpack还是rollup，都具备一项很强大的能力——tree-shaking，所以面试官也

`webpack`静态模块化打包工具。无论是前端工程化，还是高级前端岗位都是绕不开的话题之一，面试经常问到构建优化的的方案，自定义`loader`，自定义`plugin`等。

Webpack 4给我们带来了一些改变。包括更快的打包速度，引入了SplitChunksPlugin插件来取代（之前版本里的）CommonsChunksPlugin插件。在这篇文章中，你将学习如何分割你的输出代码，从而提升我们应用的性能。 SplitChunks插件(webpa…

开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直…

了解 Rollup 的高级特性：包括Rollup的高级配置和扩展功能、动态导入和代码分割、Tree-shaking（摇树优化）和插件系统，并且列举 Rollup 的应用场景，最后提供全面的学习资源。

本篇文章分享如何和用 rollup 来构建一个组件库 rollup 在构建组件库上，干货满满呢....相较于 webpack 有什么优点呢 rollup 基于 esm 模块作为输入模式...