常见的plugin、loader，插件loader的区别，webpack的构建流程，性能优化，hash生成，热更新原理，tree-shaking原理……

今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…

...

使用 webpack 进行打包已经成为了不少项目的首要选择，在处理单页面的时候，一切都很ok，我们团队的成员只对一个页面负责，那么每次编译这个页面也就是必然的事情了。但是，如果团队正在开发的是多页面项目，那么如果只修改一个页面的话，就编译所有的页面，这就显得不是很合理了。 我们…

webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loader，plugins，webpack4新特新，还有部分高级概念。 Output: 如何命名输出文件，以及输出…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

上大学的时候老师讲一门语言，上来的第一节课就是配置各种环境，而通常看到那些脑袋都是一种快要炸的状态🤯。随着后来对Linux的学习之后发现，并没有那么头疼配置的东西（对于命令这么复杂的东西都可以接受，那么配置是不是也不显得那么枯燥了😂）。 本章是结合自己项目中的应该以及查看了…

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…