0xdevalias

Reverse Engineering Webpack Apps

Some notes and techniques for reverse engineering Webpack (and a little bit about React/Vue/Angular) apps.

Table of Contents

• Webpack (and similar bundlers) Chunk Format
  • AST Structure
• Basic minified example

ggreenleaf

SQLSERVER_SA_PASSWORD=%%placeholder%%
SQLSERVER_DATA_PATH=/path/to/some/local/dir/data
SQLSERVER_LOG_PATH=/path/to/some/local/dir/log
SQLSERVER_SECRETS_PATH=/path/to/some/local/dir/secret
AZURITE_DATA_PATH=/path/to/some/local/dir/azurite
MIGRATION_CONNECTION_STRING=%%Placeholder%%

fabiolimace

/*
 * MIT License
 *
 * Copyright (c) 2023-2024 Fabio Lima
 * 
 *  Permission is hereby granted, free of charge, to any person obtaining a copy
 *  of this software and associated documentation files (the "Software"), to deal
 *  in the Software without restriction, including without limitation the rights
 *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *  copies of the Software, and to permit persons to whom the Software is

rafaeljesus

var Promise = require('bluebird');

var funcs = Promise.resolve([500, 100, 400, 200].map((n) => makeWait(n)));

funcs
  .each(iterator)       // logs: 500, 100, 400, 200
  .then(console.log)    // logs: [ [Function], [Function], [Function], [Function] ]

funcs
  .mapSeries(iterator)  // logs: 500, 100, 400, 200

staltz

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---