基於 webpack 的 SPA 單頁 Web 應用 動態載入外掛的機制

依劍聽雨發表於2017-03-07

我們拿它做什麼用

實現可插拔的外掛機制。

我們如何做到

由於在webpack的傳統模式下是將所有模組都打包到同一檔案或者同一系列檔案,也就是說它所有模組必須做關聯打包,進而無法實現可插拔的注入,也就無法實現外掛的開啟和關閉。

因此我們的實現方式是:

1.將模組功能以umd模組的方式用webpack打包出來。

  1. umd模組單檔案用script載入到瀏覽器後。
  2. 接著會在window物件上附加一個自身的物件。
  3. 這樣就可以在任意地方獲取到這個物件,然後進行模組或功能注入。

Notadd相關程式碼參考:
https://github.com/notadd/administration/t...

專案主頁:歡迎star

https://github.com/notadd/notadd

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章