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

plugin 的特征 是一个独立的模块。 模块对外暴露一个 js 函数。 函数的原型 (prototype) 上定义了一个注入 compiler 对象的 apply 方法。 apply 函数中需要有通

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

前言 本篇文章不只是搭建webpack5的项目，还有个更重要的目的是，为了在搭建过程中了解每个插件，loader的作用，为什么要使用这些东西，这些东西带来了什么。 我为本项目写了一个cli工具：fig

最近给团队系统性地培训了 Webpack，本文简单地对工作中常见知识点进行了总结，以便大家随时翻阅巩固。

前言 使用create-react-app创建的react项目，默认隐藏了对webpack的控制，但是有的时候我们有需要去改写一些对于webpack的设置，这是就需要对webpack的设置进行over

说起路由懒加载，大家很快就知道怎么实现它，但是问到路由懒加载的原理，怕有一部分小伙伴是一头雾水了吧。下面带大家一起去理解路由懒加载的原理。 路由懒加载也可以叫做路由组件懒加载，最常用的是通过import()来实现它。 然后通过Webpack编译打包后，会把每个路由组件的代码分割…

这是我参与更文挑战的第2天，活动详情查看： 更文挑战 前言 本系列将分多篇文章，逐一介绍 webpack5 的使用。 本系列比较新手向，适合从来没有使用过 webpack 或略知一二的人看，不适合希望