js逆向 webpack_Webpack打包后逆向分析

webpack对前端js源码进行压缩打包后，一般会生成如下几个文件：

bootstrap.js 入口文件：

(function (modules) { // webpackBootstrap

// install a JSONP callback for chunk loading

var parentJsonpFunction = window["webpackJsonp"];

window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {

// add "moreModules" to the modules object,

// then flag all "chunkIds" as loaded and fire callback

var moduleId, chunkId, i = 0,

resolves = [],

result;

for (; i < chunkIds.length; i++) {

chunkId = chunkIds[i];

if (installedChunks[chunkId]) {

resolves.push(installedChunks[chunkId][0]);

}

installedChunks[chunkId] = 0;

}

/*遍历数组moreModules中的模块(也就是一个一个的函数)，只要moreModules含有属性moduleId，则存入全局modules数组中

moduleId就是数组的moreModules数组的下标*/

for (moduleId in moreModules) {

//hasOwnProperty()用来判断一个属性是定义在对象本身而不是继承自原型链。

//Object.prototype.hasOwnProperty 表示Object对象是否含有某个属性，在此处变成moreModules是否含有moduleId属性

if (Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {

modules[moduleId] = moreModules[moduleId];

}

}

if (parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);

while (resolves.length) {

resolves.shift()();

}

if (executeModules) {

for (i = 0; i < executeModules.length; i++) {

result = __