前言： 今日一文，有同学在查看了【前端开发技巧】Vue工程项目热更新慢解决办法 提到了在我们npm install安装依赖中为何要添加 --legacy-peer-deps，添加 --legacy-p

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

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

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

从上面的闭包中，我们看到在闭包函数的最后，调用了 __webpack_require__("./src/index.js"); , webpack_require 看名字就知道，就是加载一个 module。整体执行过程如下：

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…