TWO VARIANTS: ASYNC AND SYNC ECMASCRIPT MODULES? • (NEW) SOURCE TYPE “MODULE” NEXT TO “SCRIPT” • ALLOWS NEW SYNTAX: • IMPORT • EXPORT • ALWAYS STRICT • ESM = ECMASCRIPT MODULE EXPORTS, IMPORTS AND FOR EMITTING MULTIPLE ASSETS PER CHUNK + RUNTIME CODE CHALLENGE 1: ESM SPEC VS WEBASSEMBLY API ECMASCRIPT MODULE • LIFE-CYCLE • 1. LOAD • 2. PARSE • 3. BIND EXPORTS AND IMPORTS • 4. EVALUATE (SINGLE

REALLY DIFFICULT TO STATICALLY ANALYZE THESE DAYS • IT GOT BETTER… • AND EVENTUALLY FIXED WITH ECMASCRIPT MODULES VERSION 1 • DEC 2013: FIRST BETA VERSION OF WEBPACK 1 • FEB 2014: 1.0.0 RELEASED JUL FAMOUS! MAR 2015: HARMONY • FIRST PROTOTYPE OF HARMONY MODULES SUPPORT • HARMONY MODULES = NOW ECMASCRIPT MODULES (ESM) • webpack-2 BRANCH 2015 • ADDED SUPPORT FOR NON-JS CONFIGS • PRS BY @monder AND PRETTY BAD AT WRITING DOCUMENTATION (PROVE → SEE WEBPACK 1 DOCS) NOV 2015: FIRST WEBPACK 2 BETA • ECMASCRIPT MODULES ARE NOW NATIVELY SUPPORTED • TREE SHAKING (UNUSED EXPORTS ELIMINATION) • INTERNAL CODE

• • • • • AMD • COMMONJS • • ECMASCRIPT MODULES • • • • • • • • • • • • • • • • • • • • • • • • • • • • • https://www.youtube.com/watch?v=VkTCL6Nqm6Y • • • • •