问题背景 目前项目开发较久文件较多，线上打包时间在有插件更新情况下超过 23min,平均时间在 20min,测试反应线上构建时间过长，急需优化（主要是缩短打包时间） 优化前的思考 本次优化的目标主要是

1. webpack plugin机制实现原理是怎样的。 2. 如何自定义一个plugin。 3. compiler和compilation的区别。 4. Tapable是什么？有哪些钩子？如何使用？

webpack的构建流程1. **初始化参数**：从配置文件或者shell语句中读取合并参数2. **开始编译**：用参数初始化`Compiler`对象，加载所有配置的插件，执行run方法。

提到打包工具，可能你会首先想到 webpack。 那没有 webpack 之前，都是怎么打包的呢？ webpack 都有哪些功能？为什么这么设计呢？ 这篇文章我们就来一起探究一下。 其实之前都不打包的

本系列第二篇，进阶功能配置：环境变量，支持css，less，图片和媒体资源，css3前缀，babel兼容等。

1. 引言 webpack是前端开发中重要的打包工具。对初中级工程师来说可能难以入门，无从下手，不能顺利的配置属于自己项目webpack配置。没关系，本文将结合webpack的构建流程，梳理常用配置，

为什么需要 mock 至于平时开发为什么需要 mock 数据，应该大多数的同学都非常清楚了；如果前后端同步开发的话，少不了这一步，在需求评审，技术评估等流程通过后，前后端就会约定接口 api 的字段（

今日看点: 我是如何在腾讯实践webpack优化的；Vite 是怎样利用 Esbuild 来提升性能的 ？ ；61秒，摸透Linux的健康状态！；60行从零开始自己动手写FutureTask是什么体验

一直以为，我的Webpack就是复制粘贴的水平，而对Webpack的知识真的很模糊，甚至是纯小白。所以前段时间开始对Webpack进行比较系统的学习。 学习完成后，我抽空整理了笔记，前前后后也花了一周