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

前言 面试官: 了解webpack插件吗？ 面试官: 那你说说你了解的webpack插件 面试官: 写过webpack插件吗？ 面试官：em... 是不是很熟悉的场景，因为有时候我们确实没机会去对项目

1. webpack 介绍&基本使用 1. 创建目录 先创建以下目录 2. 创建文件 count.js sum.js main.js 3. 安装依赖 4. 启动 webpack 开发模式启动 就可以看

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

webpack在前端界的影响力可谓非常之高，面试时也经常被loader,plugin这些东西折磨，但在真正使用并理解其运行流程之后，它将是一个非常强大的助手

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

用进化论描述Babel的配置过程，详述配置中的细节；Webpack、Vue/CLI、Vite中使用Babel

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

前言 本篇是 webpack 进阶，以写文章的形式学习、巩固相关知识，如果有幸让您阅读，十分荣幸。~