前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配置参数，合并shell传入和

本文为阅读笔记，内容皆来自其他文章，参考最后一部分 什么是构建工具 构建工具是一段自动根据源代码生成可使用的文件程序，构建过程包括打包、编译、压缩、测试等一切需要对源码进行的相关处理。构建工具的目的是

☀️对于刚毕业踏入社会的小白前端，在习惯了Vue脚手架完成业务功能后自带的webpack打包后对于打包的印象基本上就只有一个:npm run build 但是往往我们看招聘信息上面都有这么一行...

有一段时间没有做积累和学习了，近期学习的内容会陆陆续续更新进来。 Webpack 应该会写一个系列吧，从 初探 => 深入 => 实战。 现在就将相对路径的根目录改成了 src，这个时候使用相对路径就是从 src 目录下进行查找。例如上面的 entry，就会从 src 目录下进…

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西，有问题的地方也欢迎大家积极吐槽指正。

前言 Vue项目开发一直使用的脚手架，对Webpack这个黑匣子知之甚少，碰到问题总是一头雾水，所以趁着Webpack5.0发布不久，较完整地学习了一遍。本篇文章总结一下学习成果。整体大纲如下： 认识

webpack5最基本的配置，包含开发、生产和cli的一些配置，学会webpack你会更加理解vue。

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓