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

webpac3升级至webpack5踩坑点以及关键点记录，涉及过时plugins以及新plugins的替换。webpack搭配glup的配置，webpack动态cdn的配置。

webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bundle。 莫慌，我们一点点拆分开看，其实总体的文件就是一个 IIFE——立即执行函数。 函数的入参 mo…

对Webpack的打包后的代码的运行逻辑蛮有兴趣，所以阅读了下代码学习总结一下。 它是一个立即执行函数。通过把开发模块传入到modules形参，然后立即执行函数执行。我们先看一下模块数组的代码： 开发的所有模块会按照引入顺序依次放到modules数组中。入口文件中的代码会放到数…

大家好，我是前端小张同学，本章主讲webpack优化内容第，接下来我会将webpack一步一步深入，并分享给大家。 上篇文章中我们讲到了，webpack的一些进阶知识，配置常见的插件,根据环境执行不同

package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和控制项目的行为。

项目准备 初始化 .npmrc 在为了解决npm龟速下载的糟糕体验时，我们一般会将npm源设置为淘宝镜像源 但是大家想想，万一某个同学克隆了你的项目之后，准备在他本地开发的时候，并没有设置淘宝镜像 源

前言 之前看过我文章随手写了个 plugin，就将小程序体积减少了 120k的小伙伴（没看过的也可以了解下前因后果，说不定以后碰到相同的问题，就能按这种方式解决），肯定知道我们公司的 api 项目因为

webpack是Javascript工具链的关键部分。webpack是个用于现代JavaScript应用程序的静态模块打包工具。