可能就是好奇心略重了,读了一下webpack打包后的bundle.js的代码,复杂的模块可能读不懂,但简单的hello world模块我还是能看懂的。没什么目的,就是想通过几个简单的模块,一条简单的webpack命令,一个神奇的bundle.js代码来了解webpack是怎么把遵循commonJs规范的模块应用到浏览器端的。

几个简单的模块:
平面设计培训,网页设计培训,美工培训,游戏开发,动画培训

一条简单的webpack命令:
平面设计培训,网页设计培训,美工培训,游戏开发,动画培训

一个神奇的bundle.js:

平面设计培训,网页设计培训,美工培训,游戏开发,动画培训 View Code

注释太多有点懵逼,可是细看也不就是一个立即执行的函数表达式嘛(IIFE),这是JavaScript中常见的独立作用域的方法。这里我将注释简化一下:

平面设计培训,网页设计培训,美工培训,游戏开发,动画培训

 1 (function(modules){ 2     /
        
		

网友评论