dingshuangyong的博客

前言 上一章分析了启动代码，并且在webpack-cli/cli.js里下了几处断点。今天从compiler = webpack(options)跳入，继续跟踪分析。 try { compiler = webpack(options);// break here } catch (err) { ............. } webpack函数 const webpack = (option...

序言（吹水） 之前一直想跟踪一下webpack的源码，奈何沉迷游戏，无法自拔。等我回过头，webpack已经更新到4.0啦，这更新速度比英雄联盟还快，瞬间就s4了。从今天开始对webpack(4.0)的源码进行探索，但随时可能断更，咳咳。这一章呢，主要记录一下webpack的启动，以及调试源码的方法。 测试代码 目录结构 webpack-demo |- package.json |- in...

前提介绍 上一节成功的调试了webpack，并且调试器在./node_modules/.bin/webpack文件的第一行断住，这一节开始单步调试，分析webpack和webpack-cli下的可执行文件。 建议大家先自行观察一下./node_modules/.bin下的webpack和webpack-cli这两个文件，应该和npm的规范有关。 webpack.js 上一节我提到了./node_m...

前提介绍 上一节分析了compiler的构建，我们分析出compiler只是一个状态机，其编译功能都由插件完成。我在看了几个关键插件的代码后，还是决定先来写一下compiler.run方法。compiler.run推动了compiler状态机的状态流转，带动插件参与到编译过程，我们可以借此先看一下整体的流程。 run函数 精简后的代码如下 run(callback) { ....... co...