写了这么久代码，居然没有思考过为什么web端能访问到process.env这个属性，有时候不能光写代码，还要学会思考

loader是什么 Plugin是什么 Loader和Plugin的区别 webpack热更新原理 webpack 构建流程 source map是什么 如何优化 Webpack 的构建速度

Plugin可以扩展webpack的功能，让webpack具有更多的灵活性。 在 Webpack 运行的生命周期中会广播出许多事件，Plugin 可以监听这些事件，在合适的时机通过 Webpack 提供的 API 改变输出结果。 如果是多个html页面的话，就需要多次实例化Ht…

本篇主要是分析了 webpack5 的打包后代码，文件进过 webpack 打包后会增加很多东西那这些东西就是我们现在要做的，顺便分析了以下 import() 这种按需加载它做出了那些工作是怎么个按需

SplitChunks插件是什么呢，简单的来说就是Webpack中一个提取或分离代码的插件，主要作用是提取公共代码，防止代码被重复打包，拆分过大的js文件，合并零散的js文件。 提到前端优化，提取公共代码是必不可少的手段。在Webpack出现前，提取公共代码是人为去处理，而Sp…

Chunk 是什么？Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk？

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

webpack-chain 是什么？通过链式的方式修改webpack的配置。 一些列出本人常用的使用webpack-chain的方式修改webpack配置. 整个文件为： 有时候需要xx插件在aa插件之前调用。 有时候需要xx插件在aa插件之后调用。 webpack4.x默认使…

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