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

本文是我的前端面试系列的工具篇，汇总整理了webpack和Git的常见面试题，后续的复习过程中随时会对本文查漏补缺。如有不当之处，欢迎指正，感谢。

介绍下Webpack5中比较常用的plugins，以及用法和注意事项。可以有效提高开发生产效率、提升打包速度和质量、分析和优化。

背景 duangkey本周新工作第一天，等待系统开通之余，对上周在老东家的最后一次优化做个记录。 公司产品是IOT项目，需要对接视频监控平台以及各种的协议对接，因此项目体积不可避免的大。 为了更好的完

1.认识source-map 我们的代码通常运行在浏览器上时，是通过打包压缩的，也就是真实跑在浏览器上的代码，和我们编写的代码其实是有差异的； 比如ES6的代码可能被转换成ES5； 对应的代码行号、列

webpack的性能优化较多，我们可以对其进行分类： 优化一：打包后的结果，上线时的性能优化。（比如分包处理、减小包体积、CDN服务器等） 优化二：优化打包速度，开发或者构建时优化打包速度。（比如ex

💅 想寻找共同学习交流、共同成长的伙伴，【前端学习交流群】 1.webpack 是什么 webpack 是一个静态的模块化打包工具，为现代的 JavaScript 应用程序； 上面的解释进行拆解： 打

我们结合两个线上真实的故障案例，带大家彻底搞懂package.json中的版本号中的每一个数字到底和前缀字符^和~是怎么回事。

前言 对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个