如今Webpack已经是一个不可或缺的前端构建工具，借助这个构建工具，我们可以使用比较新的技术（浏览器不能直接支持）来开发。 你是否好奇你写的代码经过Webpack构建之后会生成什么东西？是否有时调试遇到莫名其妙的问题？ 本文不讲如何进行配置，只是基于几个基础的例子，简要分析一下 ...

　　写在前面： 　　本来一开始想沿用之前vue源码的标题：webpack源码之***，但是这个工具比较巨大，所以为防止有人觉得我装逼跑来喷我(或者随时鸽)，加上浅析二字，以示怂。 　　既然是浅析，那么案例就不必太复杂，所以继续按照之前vue源码，以最简单形式进行源码分析，如下： 　　配置文件 ...

引入import和export两个关键字, 是Webpack推荐的模块标准. export 与 im ...

一、前言 现在随着前端开发的复杂度和规模越来越大，鹰不能抛开工程化来独立开发，比如：react的jsx代码必须编译后才能在浏览器中使用，比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架，开发效率会大幅下降。 在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端 ...

作者： 凹凸曼 - 风魔小次郎 背景 Webpack 迭代到4.x版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。 开发者 ...

Code Splitting是webpack的一个重要特性，他允许你将代码打包生成多个bundle。对多页应用来说，它是必须的，因为必须要配置多个入口生成多个bundle；对于单页应用来说，如果只打包成一个bundle可能体积很大，导致无法利用浏览器并行下载的能力，且白屏时间长，也会导致下载 ...

　　此系列随时可能断更，毕竟我是解释型源码分析…… 　　tips：本系列源码版本为3.10.0 　　尝试看过Spring的源码，有点烧脑，所以还是重回JS吧！ 　　在配置完环境变量后，可以通过webpack指令进行打包，需要知道的是，如果当前路径存在webpack ...

1、require常见使用场景： var path = require('path') var utils = require('./utils') 此时webpack会将path/utils/config三个文件打包进引用它的文件中 2、import常见于ES6语法中，也是一种模块引入 ...