一、基础概念 1. 什么是Webpack？它的主要作用是什么？ Webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (static module bundler) 。当 Web

现在已经快到2024年，本篇文章主要介绍下，对照webpack5最新的文档，重新梳理下 webpack 的最新的最佳实践。

想必大家都用过 webpack，也或多或少了解它的原理，但是不知道大家有没有写过 Webpack 的插件呢？ 今天我们就一起来写一个划分 Chunk 的 webpack 插件吧，写完后你会发现想怎么分

1. 为什么会有loader机制 2. loader是什么，有什么作用 3. loader的分类、执行顺序是怎样的 4. 同步、异步loader的区别 5. 如何自定义一个loader

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

全网最全的webpack热更新调优方式； 帮助你有效的提高前端项目的热更新速度； 学会根据自己项目特点来进行优化。

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

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

开箱即用的React项目模板，手摸手体验从无到有，搭建一个当前最新的React框架模板，这里有你想知道的，快点戳过来！