首頁(yè) 猿問(wèn) webpack到底是通過(guò)什么方式在...

webpack到底是通過(guò)什么方式在瀏覽器上加載的呢

JavaScript

倚天杖 2018-09-06 18:10:45

最近在看webpack的相關(guān)知識(shí)，想要把它運(yùn)用到項(xiàng)目中。原來(lái)項(xiàng)目用的是requirejs,屬于AMD，異步加載模塊，我對(duì)amd的理解是在瀏覽器上，瀏覽器加載編譯器（requirejs）,然后根據(jù)依賴加載其他模塊，這個(gè)過(guò)程是在瀏覽器上完成的。至于異步是指script中引用requirejs,下面還可以寫(xiě)其他script。下面引入的js文件可能會(huì)比上面文件很快加載。至于webpack是在服務(wù)器端（本地）根據(jù)依賴把js文件打包好。也就是說(shuō)把依賴處理的工作放在了服務(wù)器端。最后在js上直接引入就可以了。不知道我這樣的理解對(duì)不對(duì)？另外我看到webpack兼容AMD，但是它本身是在瀏覽器中是同步或是異步的呢？希望和大家交流加深理解

查看完整描述

1 回答

寶慕林4294392

TA貢獻(xiàn)2021條經(jīng)驗(yàn) 獲得超8個(gè)贊

我理解的 webpack 是這樣的，它打包之后，實(shí)際上生成的是一個(gè)普普通通的 js 文件而已，并沒(méi)有你想象的辣么神奇。

它模塊化的原理大概是下面這樣的:

var a = {};

(function(a){    //模塊1
    a.module1 = '';
})(a);

(function(a){    //引入模塊1
    var module1 = a.module1;    //模塊2
    a.module2 = '';
})(a);

反對(duì) 回復(fù) 2018-10-08