Webpack 与vite最大的不同，是在开发的时候，webpack 进行了模块转化。 Webpack的功能非常强大，比如模块打包、代码分割、按需加载、HMR、文件建ring、Tree-shaking

新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。

前言 之前的开发工作中对vue2项目也有做过不同的优化，但是都比较零散且没有系统化的记录下来。 正好最近接手了一个老项目，虽然项目不大性能也还过得去，但是我觉得可优化的空间还是比较多的。 所以也趁此机

在前一篇文章中，基础 webpack 环境已经搭建起来了，可以愉快地在上面写代码了。 但还不够，以上配置只是一个最基础的配置。我们还想要做一些优化方面的配置。优化有两个方面： 接下来，就来看看对应的配置是怎样的吧。（文末会有对应配置的完整代码文件） 在调试过程中，为了体验更好，…

依据 webpack 官方文档，webpack 是一个 module bundler (模块打包器)。初次听到这个概念的时候，可能会一脸蒙蔽：这是个啥？对我的开发有啥影响么？ 为了更好理解 webpack，我们需要先了解模块 Module 与打包 Bundle 的具体含义。只有…

为什么 Vite 速度比 webpack 快？之前一直对这个问题不是特别了解，甚至讲不出123....，这个问题在面试中也是常见的，作者在学习的过程当中总结了以下几点，在这里分享给大家看一下！

Webpack 和 Rollup 都是现在前端领域比较流行的打包工具，这些是您应该知道的一些事情 ！

通过本章学习，你将了解webpack打包原理，webpack的loader原理，webpack的插件原理，ast抽象语法树的应用，tapable的原理，最终手写一个简单的webpack

本章在上一章节的基础上对配置文件进行了进一步的优化；通过本章的学习，可以了解到js代码分类，多入口配置，css优化等