一、chunk-vendors.js 简介 顾名思义，chunk-vendors.js 是捆绑所有不是自己的模块，而是来自其他方的模块的捆绑包，它们称为第三方模块或供应商模块。 通常，它意味着（仅和）

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

网上大多数是这个答案，但是我这里执行不通，每次都报错。 升级eslint-loader，升级 eslint-loader to ^2.0.0. 于是有了第5个错 Module build failed (from ./node_modules/eslint-loader/ind…

最近工作中用到反向代理，发现网络代理的玩法还真不少，网络背后有很多需要去学习。而在此之前仅仅使用了过代理软件，曾经为了访问google，使用了代理软件，需要在浏览器中配置代理的地址。我只知道有代理这个概念，并不清楚代理还有正向和反向之分，于是赶紧学习一下，补充一下知识。首先弄清…

崴博.派克诞生于遥远西方的勇士之地，拥有着高超的机械技艺，善于运用各种工具来实现一些看似不可能完成的事。游历王者大陆时机缘巧合遇到了年轻的墨子，与之成为好友。后协助大宗师墨子建造了大陆第一雄城,被后人称为上古文明终结后最伟大的奇迹——长安！长安以“方舟”为驱动核心中枢，配合层出…

npm init -y 初始化package.json文件 。 webpack可以看做是模块打包机。webpack-cli封装了与CLI处理相关的所有代码。它捕获选项并将它们发送到webpack编译器。webpack-dev-server是webpack官方提供的一个小型exp…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

为什么要用构建工具？如果你只会js+css+html，最多再加上jquery，那么当你听到构建工具这个说法是不是蒙的？这种情况下我不建议你学习webpack，建议你学下vue或者react框架，这两个框架都有自己的脚手架，所谓脚手架就是别人用构建工具帮你搭好了原始项目，你可以在…

二. webpack是什么 其实说白了，webpack就是模块打包机。 在webpack看来，一切皆模块。Webpack所做的事情就是：分析项目结构，找到js模块以及其他一些浏览器不能直接运行的语言，sass typeScript等，将其转换打包成合适的格式。共浏览器使用。在3…