本篇作為書籤用途,記錄網路上的關於開發瀏覽器擴充套件的參考資料

專案架構

如果你想要是使用 TypeScript 來開發擴充套件,可以參考 chibat/chrome-extension-typescript-starter 這個專案架構,開發環境、TS 轉 JS 等設定都已經處理好了,使用起來相當順手。

發行

要發行到 Chrome Web Store 網路上比較常看到使用 DrewML/chrome-webstore-upload 這個套件,而 Firefox 則會使用 mozilla/web-ext

但我推薦使用 LinusU/wext-shipit 這 node 套件,可以輕鬆將你的擴充套件發行到 Chrome、Firefox、Opera,而且使用放非常簡單,基本上只要把必要的 ID、SECRET 等參數在環境中設定好,自動化上架只要一行搞定。

例如要透過 npx 來執行發行擴充套件的動作,可以參考以下指令:

npm install @wext/shipit && npx shipit chrome ./dist-chrome

Chrome 開發資訊

AngularJS in TypeScript


參考資料:


Poy Chang

Trial and Error