基于 webpack 的 SPA 單頁(yè) Web 應(yīng)用 動(dòng)態(tài)加載插件的機(jī)制

2018-05-23 11:29 更新

我們拿它做什么用

實(shí)現(xiàn)可插拔的插件機(jī)制。

我們?nèi)绾巫龅?/h2>

由于在webpack的傳統(tǒng)模式下是將所有模塊都打包到同一文件或者同一系列文件,也就是說(shuō)它所有模塊必須做關(guān)聯(lián)打包,進(jìn)而無(wú)法實(shí)現(xiàn)可插拔的注入,也就無(wú)法實(shí)現(xiàn)插件的開(kāi)啟和關(guān)閉。

因此我們的實(shí)現(xiàn)方式是:

1.將模塊功能以u(píng)md模塊的方式用webpack打包出來(lái)。

  • 1.umd模塊單文件用script加載到瀏覽器后。
  • 2.接著會(huì)在window對(duì)象上附加一個(gè)自身的對(duì)象。
  • 3.這樣就可以在任意地方獲取到這個(gè)對(duì)象,然后進(jìn)行模塊或功能注入。

Notadd相關(guān)代碼參考:

https://github.com/notadd/administration/tree/master/resources/mixes/administration/src

項(xiàng)目主頁(yè):歡迎star

https://github.com/notadd/notadd

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)